意外的SyntaxError:意外的输入结尾

Question

"未捕获的语法错误：意外的输入结束"；是我一直收到的表单下按钮的错误消息。我在下面的代码中用**标记了带下划线的位置(为了进一步参考，它位于下面示例代码的最后，只是一个带下划线的">"(。我马上就要变灰了，请帮帮我！

<form id="myForm2">
<label for="milesToDrive">Miles to drive:
</label><br>
<input type="number" id="milesToDrive" name="milesToDrive" value="100"><br>
<label for="xRatio">X Ratio:
</label><br>
<input type="number" id="xRatio" name="xRatio" value="3"><br>
<label for="yRatio">Y Ratio:
</label><br>
<input type="number" id="yRatio" name="yRatio" value="1"><br><br>
</form>
<button type="submit" form="myForm1" value="Submit" onclick="return myCar.drive( document.getElementById("milesToDrive").value , document.getElementById("xRatio").value , document.getElementById("yRatio").value )">Drive the car</button*>*

Answer 1

有问题的部分在这里：

onclick="return myCar.drive( document.getElementById("milesToDrive").value , document.getElementById("xRatio").value , document.getElementById("yRatio").value )"

启动onclick函数的引号由启动milesToDrive的引号封闭。要解决此问题，可以使用单引号来分隔onclick函数。

onclick='return myCar.drive( document.getElementById("milesToDrive").value , document.getElementById("xRatio").value , document.getElementById("yRatio").value )'

或者，如果您需要在函数中同时使用单引号和双引号，则可以使用"来转义双引号。

onclick="return myCar.drive( document.getElementById("milesToDrive").value , document.getElementById("xRatio").value , document.getElementById("yRatio").value )"