脚本中的图像将无法正常工作后工作

我目前有一个脚本，如果答案是正确的，吐出一个图像。如果这是一个很好的答案，它会发出一个绿色的复选标记，如果它是错误的，它会发出红色的十字。
但它不吐出图像，有什么想法？脚本中的图像将无法正常工作后工作

我的想法，“形象=” 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]

有一个形象addeed页面，这将给你如何页面看起来更好的主意，也许给一些更好的见解。

来源

2016-12-01 dick doeven

你得到在浏览器的开发工具的控制台任何错误（JS或HTTP）？ – Richard

我没有得到任何错误，它只是没有做任何事情。它看起来像它甚至不提交它.. –

检查时，如果答案是正确的，改变这种：

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/

来源

2016-12-01 11:48:40 rafrcruz

如果我使用这个，我想一个图片弹出时答案是正确的，另一个如果它错了。我能用这个做到吗？ –

是的，当然。您只需检查答案，并用if block chage 元素src来纠正.png，或在else块上将元素src更改为错误的.png – rafrcruz

其他方法是将两个图像（用于正确aswer和错误答案）在页面上。你只是改变哪一个将显示，哪一个会隐藏...这里是隐藏和显示元素的示例http://stackoverflow.com/questions/6242976/javascript-hide-show-element – rafrcruz

脚本中的图像将无法正常工作后工作

回答

相关问题