如何修改现有JavaScript代码，将输出内容从文本改为图片

• 第一步：准备好你需要替换文本展示的图片，优先将图片转为base64编码内嵌到代码中，无需依赖外部资源加载
• 第二步：替换原有document.write()输出文本的逻辑，改为输出<img>标签即可，修改后的参考代码如下：

document.write("<p>");
var day = new Date();
var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var d = weekday[day.getDay()];
var hr = day.getHours();
// 此处替换为你自己的图片base64编码或者本地图片路径
const showImgUrl = "替换为你的图片资源地址";
if (hr == 1 && d == "Sunday") {
    document.write(`<img src="${showImgUrl}" alt="Nachtlijn" />`);
} else if (hr == 2 && d == "Sunday") {
    document.write(`<img src="${showImgUrl}" alt="Nachtlijn" />`);
} else if (hr == 3 && d == "Sunday") {
    document.write(`<img src="${showImgUrl}" alt="Nachtlijn" />`);
}

优化提示：原代码中三个判断分支逻辑完全一致，可以合并为if ((hr === 1 || hr === 2 || hr === 3) && d === "Sunday")，减少冗余代码。

如果需要为不同匹配场景输出不同图片，只需要定义多个图片地址变量，在对应判断分支输出对应<img>标签即可，也可自行给img标签添加style属性调整宽高、边距等展示效果。

内容的提问来源于stack exchange，提问作者Danny Teunissen