求助：无法实现图片切换，随机骰子图片显示功能失效

你的代码核心问题出在模板字符串的语法错误——你用了双引号包裹带变量的字符串，但JavaScript中模板字符串必须使用**反引号（）**才能解析${变量}`语法。

修正后的代码： #

let btnRoll = document.querySelector(".roll-dice");
let diceEl = document.querySelector(".dice");

diceEl.classList.add("hidden");
btnRoll.addEventListener("click", () => {
  let dicee = Math.floor(Math.random() * 6 + 1);
  console.log(dicee);
  diceEl.classList.remove("hidden");
  // 把双引号换成反引号，才能正确解析变量
  diceEl.src = `dice-${dicee}.png`;
});

额外排查点： #

• 确认图片文件名确实是dice-1.png到dice-6.png，且和HTML文件在同一目录；如果图片在子文件夹（比如images/），需要把路径改成images/dice-${dicee}.png。
• 检查.roll-dice按钮和.dice图片的类名是否和HTML中的完全一致，没有拼写错误。

内容的提问来源于stack exchange，提问作者Kamil Kacer