Question

如果我在提醒框中单击“确定”，我想加载图像。我做了一个测验，所以如果你点击回答“B”，你会得到一个警告框，“这是正确的答案！，你现在已经解锁了一个新图像！”之后，在我的div或类似的东西中显示实际图像。

这就是我所拥有的：

function buttonClick() {
    if (document.getElementById("option1").checked == true) { 
        alert("Wrong, the answer was B");
    }
    else if (document.getElementById("option2").checked == true) { 
        alert("This is the right answer!, you have now unlocked a new image!, click OK to see it");
    }
    else if (document.getElementById("option3").checked == true) { 
        alert("Wrong, the answer was B");
    }
    else {
        alert("Choose an answer")
    }
}

我的HTML

<form action="#" method="get">
    <input type="radio" name="groter" value="97" id="option1"   >A. 97 keer<br>
    <input type="radio" name="groter" value="79" id="option2"   >B. 79 keer<br>
    <input type="radio" name="groter" value="21" id="option3"   >C. 21 keer<br>
    <button type="button" onclick="buttonClick()">Controleer</button>
</form>

Answer 1

在正确答案的if区域内，只需创建一个图片元素并附加它：

var myImg = document.createElement("img");
myImg.src = "path to your image";
document.getElementById("yourContainer").appendChild(myImg);

Answer 2

将您的代码修改为：

将以下内容添加到您的html

<div id="img-holder">
</div>

你的js;在警报之后添加到您的正确案例......

// Make ur img obj here...
var img = new Image();
img.src = 'image path here';
document.getElementById("img-holder").appendChild(img);

在警告框后加载图像

2 个答案: