Question

我目前有一个脚本，如果答案正确，则会吐出图像。如果这是一个很好的答案，它将给出一个绿色的复选标记，如果它是错的，它会发出一个红叉然而它没有吐出图像，任何想法？

我认为“image =”src = ../../../ image / 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/

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

1 个答案: