正确答案后，脚本中的图像将无法正常工作

Question

我目前有一个脚本，如果答案是正确的，发出一个图像。如果这是一个很好的答案，它将发出一个绿色的标记，如果它是错误的，它将发出一个红十字。

但是它没有吐出图像，有什么想法吗？

我认为"image="src= ../src=/goed.png“”是错误的，应该替换，我不知道什么是正确的代码。

function schrijvenles1(){
var text = document.getElementById("schrijven-les1").value;
var:text;

//het antwoord is correct
if(text="Ik heet Marie." || "ik heet Marie." || "ik heet marie" || "Ik heet marie") {
    image =" src=../../../image/goed.png";
}
// het antwoord is iets anders
else {
    image = src="src=../../../image/fout.png";
    document.getElementById("goed-fout") = image;

} }

这是html代码

        <p id ="goed-fout"> </p>
    <!-- geluidsfragment schrijfopdracht 1-->

    <button id="voortgang-button" onclick="playMusic1()" value="button">    
        <img id="afspeelbutton"   src ="../../../image/afspeelbutton1.png"> 

        <audio
            id="geluidsopname1" src="../../../voice-recording/marie.mp3">
        </audio>

        <input id="schrijven-les1" type="text" >  </input> 
    </button>
    <button 
        id="controle-luisteren" onclick="schrijvenles1()">Check
    </button>[enter image description here][1]

页面上有一个图片附件，它可以让你更好地了解页面的外观，或许还能给出更好的见解。

Answer 1

当检查答案是否正确时，请更改如下：

if(text="Ik heet Marie." || "ik heet Marie." || "ik heet marie" || "Ik heet marie")

对此：

if (text=="Ik heet Marie." || text == "ik heet Marie." || text == "ik heet marie" || text == "Ik heet marie")

另外，我不理解您选择"p“元素并为其设置字符串。您应该选择一个图像元素并更改它的src属性，如下所示：

document.getElementById("imageid").src="../../../image/afspeelbutton1.png";

如果您确信您的代码是正确的，并且您只怀疑图像相对路径，那么最好的建议是在浏览器开发工具的“网络”选项卡上检查您的请求。因此，您将看到您的浏览器请求的绝对路径，因此您可以更正它。

下面是一个有用的示例：https://jsfiddle.net/5w80jfd0/