我的网站中的javascript有什么问题？_Javascript_Html_Onclick_Hide

我的网站中的javascript有什么问题？

javascript html

我的网站中的javascript有什么问题？,javascript,html,onclick,hide,Javascript,Html,Onclick,Hide,有人能解释一下为什么我的代码不起作用吗？我想做的是一个包含三个问题的多项选择题测验，其中两个问题在单击时切换为红色图像，另一个问题变为绿色并运行javascript，其中显示了一个包含“下一页”按钮链接的div <body id="body"> <div id="background"> <div id="container"> <div id="navigation"> <ul class="blue"> <li>&

有人能解释一下为什么我的代码不起作用吗？我想做的是一个包含三个问题的多项选择题测验，其中两个问题在单击时切换为红色图像，另一个问题变为绿色并运行javascript，其中显示了一个包含“下一页”按钮链接的div

<body id="body">

<div id="background">
<div id="container">


<div id="navigation">
<ul class="blue">
<li><a href="#" title="home"><span>home</span></a></li>
<li><a href="#" title="products" class="current"><span>Quiz</span></a></li>
<li><a href="#" title="blog"><span>Sports</span></a></li>
<li><a href="#" title="contact"><span>Contact</span></a></li>
</ul>
</div>
<div id="content">
<div id="left"><img src="images/badminton.jpg" width="246" height="246" /></div>
<div id="right">
<h1>Question 1:</h1>
<h2>What sport is this used for? </h2>




<script language="javascript"> 
function toggle() {
var ele = document.getElementById("next");

if(ele.style.display == "block") {
        ele.style.display = "none";
    text.innerHTML = "show";
}
else {
    ele.style.display = "block";
    text.innerHTML = "hide";
}
} 

</script>



<div id="next" style="display: none"><IMG id=answer border=0 name=answer alt="" src="images/answer.png" width=290 height=60></div>  

</div>
<div id="bottom">

<div id="question"1>
<div id="leftq">
Tennis
</div>
<div id="rightq">

<A onclick="document.answer.src='images/false.png'" href="#" ><IMG id=answer border=0 name=answer alt="" src="images/answer.png" width=290 height=60>
</A> 

</div>

</div>

<div id="question"2>
<div id="leftq">
Squash</div>
<div id="rightq">

<A onclick="document.answer.src='images/false.png'" href="#" ><IMG id=answer border=0 name=answer alt="" src="images/answer.png" width=290 height=60>
</A> 

</div>
</div>

<div id="question"3>
<div id="leftq">
Badminton</div>
<div id="rightqcorrect">

<A onclick="document.answer.src='images/true.png'" href="javascript:toggle();" ><IMG id=answer border=0 name=answer alt="" src="images/answer.png" width=290 height=60>
</A> 

</div>
</div>

</div>
</div>
</div>
</div>
</body>








问题1：
这是做什么运动的？
函数切换（）{
var ele=document.getElementById（“下一步”）；
如果（ele.style.display==“块”）{
ele.style.display=“无”；
text.innerHTML=“显示”；
}
否则{
ele.style.display=“块”；
text.innerHTML=“隐藏”；
}
} 
网球
南瓜
羽毛球

我知道我的代码有点乱…对不起

arran，15岁的网络编码员

编辑- 我已经把它放在我的dropbox里了，这样你就可以看到我的问题了。

我想做的是，当你点击网球或壁球旁边的图片时，它会变成红色（false.png），当他们点击羽毛球时，它会变成绿色（true.png），这会让下一个问题出现，目前只有下一个问题出现，我在更改图片时遇到问题

将脚本添加到问题的末尾

缺少许多

<代码>不能在

应位于

之后再试一次

文本

未定义。必须先定义变量，然后才能使用它

由于您使用的是

.innerHTML=…

，因此我假设

text

必须以以下方式声明：

JS:

HTML（某处）：

您的JavaScript在语法上是正常的，尽管它没有做您希望它做的事情。我对你的HTML有一些建议。请确保：

元素ID是唯一的。（即，只有一个元素具有id答案）
字符串元素属性值在引号中。（即
）
使用document.getElementById（“答案”）代替document.answer

我将用一些关于如何尽快修复JavaScript的建议更新这个答案

更新：以下是您正在寻找的内容的简化版本。请随意修改：

JavaScript控制台中有任何错误吗？

应该是

也许？应该是什么

文本？它似乎在任何地方都没有定义<代码>text.innerHTML=“显示”请提供有关哪些不起作用的详细信息。
var text = document.getElementById("text");

<div id="text"></div>