javascript 为什么我的脚本在这个html文档中不起作用?

klr1opcd  于 2023-04-10  发布在  Java
关注(0)|答案(2)|浏览(141)

我是编程新手,我自学了HTML和Javascript以及Python。我在学习这些语言的时候,我觉得我可以用JavaScript做我在HTML中工作的事情之一。我遇到了一个问题,无论出于什么原因,我的代码根本无法工作。我仔细检查了所有内容,我非常确定它都在正确的位置,所有字符都是正确的。这里是我的代码到目前为止,它的全部。我仍然在开发的早期,我知道这是不完整的。

<!doctype html>
<html>
<head>
<title>Python game</title>
</head>
<body>

<p>Enter your choice by clicking on the buttons below the paragraph<p>

<p id="newText">kjgkhg</p>
<button type="onClick" id="ChooseFirst">First choice</button>
<button type="onclick" id="chooseSecond">Second choice</button>
<button type="onclick" id="choosethird">Third choice</button>

<script>
document.getElementById("newText").innerHTML = "why doesn't this work?";

funciton darkRoom() {
    vars x=document.getElementById("newText").innerHTML ;
    document.getElementById("newText").innerHTML = "You wake up in a dark room with no \
    idea how you go there. You can make out the outline of three doors\
    labeled '1', '2', and '3' directly in front of you. There is no door behind you.\
    Which door do you enter?";
}

function lions() {
}

function tiger() {
}

functoin bear() {
}

function brickRoad() {
}

function quickSand() {
}

function sizePuzzle() {
}

function riddlesOnWall() {
}

function wolfSheepCabbage() {
}

function duckHunt() {
}

function hangman() {
}

function goldRoom() {
}

function ocean {
}

function winScreen () {
}

function youDie() {
}

</script>
</body>

</html>
fkaflof6

fkaflof61#

正如Chris L已经指出的那样,其中有很多错别字,尽管Juhana是对的,但控制台中打印的错误对于初学者来说很难破译(尽管你必须学习它们,尤其是作为初学者!)。
这里是一些精简的模板,你可以玩

<!doctype html>
<html>
<head>
<title>Python game</title>
<script>
function darkRoom() {
    var x=document.getElementById("newText").innerHTML ;
    // You cannot escape the end-of-lines you have to concatenate individual strings
    document.getElementById("newText").innerHTML = "You wake up in a dark room with no " + 
    "idea how you go there. You can make out the outline of three doors" +
    "labeled '1', '2', and '3' directly in front of you. There is no door behind you." +
    "Which door do you enter?";
}
// instead of alert() call another function reacting to the users input
function firstChoosen()  {alert("first choosen");}
function secondChoosen() {alert("second choosen");}
function thirdChoosen()  {alert("third choosen");}
</script>
</head>
<body onload="darkRoom()">
<p>Enter your choice by clicking on the buttons below the paragraph<p>
<p id="newText"> </p>
<!-- there are better methods but it's ok for now -->
<button onclick="firstChoosen()" id="ChooseFirst">First choice</button>
<button onclick="secondChoosen()" id="chooseSecond">Second choice</button>
<button onclick="thirdChoosen()" id="choosethird">Third choice</button>
</body>
</html>
o7jaxewo

o7jaxewo2#

我很高兴你正在学习编程,我很乐意帮助你的代码。我注意到你的代码中有一些错误,可能会导致它无法正常工作。这里有一些建议来修复它们:

  • 在HTML中,按钮的type属性应该是“button”,而不是“onClick”或“onclick”。onclick属性用于指定单击按钮时要运行的函数。例如,<button type="button" id="ChooseFirst" onclick="darkRoom()">First choice</button>
  • 在JavaScript中,单词“function”在某些地方被错误地拼写为“funciton”和“functoin”。请确保拼写正确且一致。
  • 在JavaScript中,单词“var”在darkRoom函数中被拼错为“vars”。请确保拼写正确且一致。
  • 在JavaScript中,在函数声明中,单词“ocean”后面缺少一对括号。请确保像这样添加它们:function ocean() {
  • 在JavaScript中,您没有为其他按钮定义任何函数。您需要为每个按钮编写一些代码,以根据您的游戏逻辑更改文本和选项。

我希望这些建议能帮助你修复你的代码,让它正常工作。祝你的游戏好运!

相关问题