Question

我在这里有一些代码，我正在努力找出它出了什么问题，我知道一些javascript是错误的，但我怎么纠正它，非常感谢

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Numbers Games</title>
<link rel="stylesheet" type="text/css" href="style-home.css">
</head>

<body>
<div id="header"
<h1>Numbers Game</h1>
</div>
<p id="ParQuestion">What is five thousand and thirty three in numbers.</p>
<input id="txt_Ans" type="text" />
<input id="btn_Start" type="button" value="Start"                   

onclick="btn_Start_OnClick()" /><br />  
<input id="btn_Check" type="button" value="Check"      onclick="btn_Check_OnlClick()" />


<div id="Scoreboard">
<img id="scoreOn1" src="Pictures/Scorefaceoff1.gif" height="50px"        width="50px" /> 
<img id="scoreOn2" src="Pictures/Scorefaceoff2.gif" height="50px" width="50px" /> 
<img id="scoreOn3" src="Pictures/Scorefaceoff3.gif" height="50px" width="50px" /> 
<img id="scoreOn4" src="Pictures/Scorefaceoff4.gif" height="50px" width="50px" /> 
<img id="scoreOn5" src="Pictures/Scorefaceoff5.gif" height="50px" width="50px" />
</div>

<p id="ParComment"></p>

</body>


</html>
<script language="javascript">

    function btn_Check_OnClick(){
       if txt_Ans.value = "5033"
        parRes.InnerText=ParComment.value;
    }else{
        ParComment.InnerText="Wrong, Try Again";
    }
    }
</sript>

Answer 1

只是评论脚本块：

你的结束标签说＆＃34; sript＆＃34 ;, not＆＃34; script＆＃34;
您的if语句有语法错误，缺少（，）和{
你的if语句在分配时应该进行比较;在条件<= li>中使用== over =
该属性称为innerText，而不是InnerText
ParComment没有值属性

Answer 2

首先，您的“</sript>”代码 - ＆gt; “</script>”

“if txt_Ans.value = "5033"” - ＆gt; “if (txt_Ans.value == "5033"){ parRes.InnerText=ParComment.value; }”

关闭第10行的“div-tag”。

编辑：首先尝试使用像“http://jshint.com/”这样的代码检查器来解决语法错误

Answer 3

我认为您没有添加开始脚本标记。此外，您应该在if语句中添加括号。而不是使用=来比较使用==。另外，使用document.getElementById

获取元素

试试这个：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Numbers Games</title>
<link rel="stylesheet" type="text/css" href="style-home.css">
</head>

<body>
<div id="header"
<h1>Numbers Game</h1>
</div>
<p id="ParQuestion">What is five thousand and thirty three in numbers.</p>
<input id="txt_Ans" type="text" />
<input id="btn_Start" type="button" value="Start"                   

onclick="btn_Start_OnClick()" /><br />  
<input id="btn_Check" type="button" value="Check"      onclick="btn_Check_OnlClick()" />


<div id="Scoreboard">
<img id="scoreOn1" src="Pictures/Scorefaceoff1.gif" height="50px"        width="50px" /> 
<img id="scoreOn2" src="Pictures/Scorefaceoff2.gif" height="50px" width="50px" /> 
<img id="scoreOn3" src="Pictures/Scorefaceoff3.gif" height="50px" width="50px" /> 
<img id="scoreOn4" src="Pictures/Scorefaceoff4.gif" height="50px" width="50px" /> 
<img id="scoreOn5" src="Pictures/Scorefaceoff5.gif" height="50px" width="50px" />
</div>

<p id="ParComment"></p>

<script>
    function btn_Check_OnClick(){
       if(document.getElementById('txt_Ans').value == "5033"){
           parRes.InnerText=ParComment.value;
       }else{
           document.getElementById('ParComment').innerHTML = "Wrong, Try Again";
       }
    }
</sript>
</html>

将脚本置于html标记

中是最佳做法

Answer 4

其他人没有提到的一点是<div id="header"错过了结束>。但是，你有很多其他人提到的语法错误。

通过在浏览器开发工具中查看此内容，您将获益良多。对于大多数现代浏览器，只需按F12即可打开它们。我相信你可能会在控制台中显示一些JavaScript错误。这是一个很好的起点。

对于您的其他语法错误，请参阅以下几个地方：

我的代码出了什么问题？

4 个答案: