如何编写内联元素的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是一个未使用的变量。