使用按钮向空div显示图片时额外出现字符串block如何解决？

问题原因 #

• JS中赋值表达式的返回值就是被赋的内容，你编写的let showimage = document.getElementById("picture").style.display="block";这行代码里，showimage变量实际接收的返回值就是字符串"block"
• 后续你把该变量和祝贺文字拼接后写入了页面容器，自然就会额外显示block文本

修复方案 #

修改你的JavaScript代码为以下内容即可：

function getSecretMessage() {
    let secretMessage = "Link";
    let userMessage = "";

    while (userMessage != secretMessage) {
        userMessage = prompt("Enter the Secret word.")
    }
    // 单独设置图片显示，无需接收返回值
    document.getElementById("picture").style.display="block"; 
    // 仅写入祝贺文本即可
    document.getElementById("results").innerHTML = "Congratulations!";
}

• 修改后只会展示祝贺文字，同时正常渲染目标图片，不会再额外出现block字符串

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