我要加料!トッピング實用日語單字帳
在日本餐廳點餐的客製化學問
學習日文不僅是掌握語言規則,更是深入日本生活的細節。在日本品嚐拉麵、披薩或甜點時,學會「トッピング」這個字,能讓您的點單更加精準。掌握正確的配料唸法,不僅能滿足味蕾,更能展現對日本飲食文化的深度理解。小狸老師精選了 8 個與加料相關的核心單字,帶領大家透過互動情境掌握點餐技巧。
小狸老師著作推薦
加料點餐情境
const vocabData = [
{ id: 1, kanji: 'トッピング', kana: 'とっぴんぐ', meaning: '加配料', cat: 'topping', emoji: ' ' },
{ id: 2, kanji: '味玉', kana: 'あじたま', meaning: '溏心蛋', cat: 'topping', emoji: ' ' },
{ id: 3, kanji: 'チーズ', kana: 'ちーず', meaning: '起司', cat: 'topping', emoji: ' ' },
{ id: 4, kanji: 'コーン', kana: 'こーん', meaning: '玉米', cat: 'topping', emoji: ' ' },
{ id: 5, kanji: 'ラーメン', kana: 'らーめん', meaning: '拉麵', cat: 'dish', emoji: ' ' },
{ id: 6, kanji: 'ピザ', kana: 'ぴざ', meaning: '披薩', cat: 'dish', emoji: ' ' },
{ id: 7, kanji: '丼', kana: 'どんぶり', meaning: '丼飯', cat: 'dish', emoji: ' ' },
{ id: 8, kanji: 'デザート', kana: 'でざーと', meaning: '甜點', cat: 'dish', emoji: ' ' }
];
const scenarios = {
'1': {
jp: "ラーメンに味玉をトッピングします。",
plain: "ラーメンに味玉をトッピングします。",
mean: "拉麵我要加溏心蛋。",
note: "唸法建議:注意「味玉(あじたま)」這個字的正確發音。"
},
'2': {
jp: "チーズをトッピングしますか?— はい、お願いします。",
plain: "チーズをトッピングしますか?— はい、お願いします。",
mean: "要加起司嗎?— 好,麻煩加一下。",
note: "情境提示:點餐時表示同意的禮貌用法。"
},
'3': {
jp: "ピザにコーンをトッピングします。",
plain: "ピザにコーンをトッピングします。",
mean: "披薩我要加玉米。",
note: "情境提示:表達加配料意願的標準說法。"
}
};
let currentFilter = 'all';
let currentPlain = "";
window.onload = () => {
renderVocab();
selectScenario('1');
};
function renderVocab() {
const grid = document.getElementById('vocab-grid');
grid.innerHTML = '';
const list = currentFilter === 'all' ? vocabData : vocabData.filter(v => v.cat === currentFilter);
list.forEach(v => {
const card = `
`;
grid.innerHTML += card;
});
}
function flipCard(el) {
const inner = el.querySelector('.card-inner');
inner.style.transform = inner.style.transform === 'rotateY(180deg)' ? 'rotateY(0deg)' : 'rotateY(180deg)';
}
function filterVocab(cat) {
currentFilter = cat;
document.querySelectorAll('.filter-btn').forEach(btn => {
btn.classList.remove('bg-stone-800', 'text-white', 'shadow-md', 'border-stone-800');
btn.classList.add('bg-white', 'text-stone-600', 'border-stone-300');
});
event.currentTarget.classList.remove('bg-white', 'text-stone-600', 'border-stone-300');
event.currentTarget.classList.add('bg-stone-800', 'text-white', 'shadow-md', 'border-stone-800');
renderVocab();
}
function selectScenario(num) {
const data = scenarios[num];
const content = document.getElementById('scenario-content');
currentPlain = data.plain;
document.querySelectorAll('.scenario-btn').forEach(btn => {
btn.classList.remove('bg-stone-800', 'text-white', 'border-stone-800', 'shadow-md');
btn.classList.add('bg-white', 'text-stone-500', 'border-stone-300');
});
document.getElementById('btn-' + num).classList.remove('bg-white', 'text-stone-500', 'border-stone-300');
document.getElementById('btn-' + num).classList.add('bg-stone-800', 'text-white', 'border-stone-800', 'shadow-md');
content.innerHTML = `
中文解釋
${data.mean}
${data.note}
`;
}
function copySentence() {
const el = document.createElement('textarea');
el.value = currentPlain;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
const toast = document.getElementById('toast');
toast.classList.add('show');
setTimeout(() => toast.classList.remove('show'), 2000);
}