我需要使用 ${} 和一个条目更改 img 元素的 src，但它无法将 ${} 符号识别为目录

Question

这是普通文本：我需要使用带有条目的$｛｝来更改图像元素的源，但它无法将$符号识别为目录。因此它不会加载任何图片，因为它根本找不到名称为"的图片；dice-${dicee}.jpg"；这是代码：

document.getElementsByClassName('btn--roll')[0].addEventListener('click',()=>{
const dicee = Math.trunc(Math.random()*6)+1;
diceElement.classList.remove('hidden');
diceElement.src = 'images/dice-${dicee}.jpg';
})

Answer 1

Interpolation仅在模板文字内工作
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals