`; div.onclick = () => selectFood(item); container.appendChild(div); }); } function showUtensilItems(container) { container.innerHTML = ''; const utensilItems = [ { name: '箸', img: 'https://www.watashi.life/application/files/7017/5332/4675/hashi_mochikata_good.png', alt: '箸' }, { name: 'スプーン', img: 'https://www.watashi.life/application/files/7717/5332/4664/spoon.png', alt: 'スプーン' }, { name: 'ナイフとフォーク', img: 'https://www.watashi.life/application/files/8017/5332/4665/KnifeFork.png', alt: 'ナイフとフォーク' }, { name: '手', img: 'https://www.watashi.life/application/files/7517/5332/4675/body_te.png', alt: '手' }, { name: '蟹フォーク', img: 'https://www.watashi.life/application/files/4417/5332/4666/cooking_kani_fork.png', alt: '蟹フォーク' } ]; utensilItems.forEach(item => { const div = document.createElement('div'); div.className = 'modal-item'; div.innerHTML = ``; div.onclick = () => selectUtensil(item); container.appendChild(div); }); } function showAllItems(container) { container.innerHTML = ''; // 食べ物セクション const foodHeader = document.createElement('div'); foodHeader.innerHTML = '

食べ物

'; container.appendChild(foodHeader); showFoodItems(container); // 食器セクション const utensilHeader = document.createElement('div'); utensilHeader.innerHTML = '

食器

'; container.appendChild(utensilHeader); const utensilContainer = document.createElement('div'); utensilContainer.className = 'modal-items'; container.appendChild(utensilContainer); showUtensilItems(utensilContainer); } function selectFood(item) { if (currentMealType) { mealData[currentMealType].food = { name: item.name, img: item.img, alt: item.alt }; mealData[currentMealType].utensil = null; // 食器をリセット updateMealDisplay(currentMealType); updateConversation(currentMealType); closeMealModal(); } } function selectUtensil(item) { if (currentMealType && mealData[currentMealType].food) { mealData[currentMealType].utensil = { name: item.name, img: item.img, alt: item.alt }; updateMealDisplay(currentMealType); updateConversation(currentMealType); closeMealModal(); } }