如何为显示在网页中使用的图像的内联元素编写 HTML 代码？

Question

我正在通过 Cengage (MindTap) 在交互式/后续程序中编写我的第一个代码。该程序指示我“为显示要在网页中使用的天空图像的内联元素编写 HTML 代码”。我应该创建一个名为imgStr的变量来存储此文本字符串：

    <img src='sd_skyMap.png' />

其中 Map 是 mapNum 变量的值（有 23 个文件名为 sd_sky0、sd_sky1、sd_sky3 等等）。它说使用 + 运算符将文本字符串组合在一起并在文本字符串中包含单引号字符。

我无法让天空图像出现在网页上以挽救我的生命。

我曾尝试通过我的大学提供的导师，但仍然没有运气显示图像。

    var imgStr = "<img src='sd_sky0 + sd_sky1 + sd_sky2 + sd_sky3 +

    sd_sky4 + sd_sky5 + sd_sky6 + sd_sky7 + sd_sky8 + sd_sky9 + 

    sd_sky10 + sd_sky11 + sd_sky12 + sd_sky13 + sd_sky14 + sd_sky15 

    + sd_sky16 + sd_sky17 + sd_sky18 + sd_sky19 + sd_sky20 + 

    sd_sky21 + sd_sky22 + sd_sky23' + mapNum + '.png' />";

    document.getElementById("planisphere").insertAdjacentHTML() = imgStr;

将代码插入 jshint.com 后，它声明了一个警告和一个未使用的变量。

（错误的分配。）

document.getElementById("planisphere").insertAdjacentHTML() = imgStr;

而 mapNum 是一个未使用的变量。