在innerHTML中的文本之间插入变量

Question

如果我希望这个onClick函数生成具有正确文件名(即"img/18.png"(的标记，我的语法有什么问题？Chromium控制台报告没有错误，也没有生成HTML。

我正在使用一个名为seedlandom.min.js的库来为随机生成器种子。

function newCard() {
const randGeneratorFrom = seed => {
const generator = new Math.seedrandom(seed)
return (min, max) => Math.floor(generator() * max) + min
}
const now = new Date();
const seed = [now.getHours(), now.getMilliseconds(), now.getMinutes(), now.getSeconds(), now.getMilliseconds(), now.getDay()].join(':')
const rand = randGeneratorFrom(seed)
console.info(seed)
var firstCard = rand(1, 78);
document.getElementById("card1").innerHTML = "<img src='img/", firstCard, ".png>";
}

<button onclick="newCard()">Click me</button>
<div id="card1"></div>

Answer 1

这不是javascript:中字符串串联的工作方式

"<img src='img/", firstCard, ".png>"

您可以使用+运算符：

"<img src='img/" + firstCard + ".png'>"

或者使用模板文字(注意后面的记号(：

`<img src='img/${firstCard}.png'>"`

---

注意：您的代码也缺少.png之后的结束'。