Javascript 未知错误导致每个innerHTML中断_Javascript_Html

Javascript 未知错误导致每个innerHTML中断

javascript html

Javascript 未知错误导致每个innerHTML中断,javascript,html,Javascript,Html,我正在学习网络开发，我正在尝试在我的网站上添加一个记忆游戏。问题是，当我添加最后一部分（注释为“thispart”）时，所有的innerHTML部分都坏了。页面上的每一个都是这样，它甚至没有空间来容纳它。我想知道这是否是因为可以使用多少innerHTML可能有限制？我真的不这么认为，但我找不到任何会导致所有innerHTML中断的错误。我把最后一部分注释掉了，所有的东西都重新工作了，所以我知道问题在最后一部分 button = document.getElementById("button");

我正在学习网络开发，我正在尝试在我的网站上添加一个记忆游戏。问题是，当我添加最后一部分（注释为“thispart”）时，所有的innerHTML部分都坏了。页面上的每一个都是这样，它甚至没有空间来容纳它。我想知道这是否是因为可以使用多少innerHTML可能有限制？我真的不这么认为，但我找不到任何会导致所有innerHTML中断的错误。我把最后一部分注释掉了，所有的东西都重新工作了，所以我知道问题在最后一部分

button = document.getElementById("button");
//creates "clicker" in js
clicker = document.getElementById("clicker");
//creates "reset" in js
reset = document.getElementById("reset");

//Random Number Chooser
var random;
document.getElementById("ret").innerHTML = "_";

//randomize button
button.addEventListener("click", function() {
  random = Math.floor(Math.random() * 100) + 1;
  document.getElementById("ret").innerHTML = random;
});

//Click Counter
var clickerNum = 0;
document.getElementById("clicky").innerHTML = clickerNum;

//reset button
reset.addEventListener("click", function() {
  clickerNum = 0;
  document.getElementById("clicky").innerHTML = clickerNum;
  document.getElementById("ret").innerHTML = "_";
});

//click button
clicker.addEventListener("click", function() {
  clickerNum++;
  document.getElementById("clicky").innerHTML = clickerNum;
});

//input receive/return
document.getElementById("retAnswer").innerHTML = "You submitted: ";
//submit button function
function submitAnswer() {
  var answer = document.getElementById("input1").value;
  document.getElementById("retAnswer").innerHTML = "You submitted: " + answer;
}

//Guess which button
var gameOrder = "";
var playerInput = "";
document.getElementById("order").innerHTML = gameOrder;



//this part
function startGame(){
  gameOrder = "";
  playerInput = "";
  document.getElementById("order").innerHTML = gameOrder;
  memoryGame();
}

function memoryGame(){
  var randomNum = Math.floor(Math.random() * 3) + 1;

  if(randomNum == 1){
    //make button 1 turn green
    gameOrder += "1";
  }
  else if(randomNum ==2){
    //make button 2 turn green
    gameOrder += "2";
  }
  else{
    //make button 3 turn green
    gameOrder += "3";
  }

  document.getElementById("order").innerHTML = gameOrder;
}

function addInput(var input){
  playerInput += input;
}


随机数选择器


随机化！




点击计数器
重置
点击


输入接收/返回
提交


猜猜哪个按钮
启动/复位


1.
2.
3.


提交
```

您的问题在于代码的最后一个函数，注意到您不是说

函数addInput（input）

而是说

函数addInput（var input）

不能在此处声明变量，括号之间的部分用于传递参数。这打破了剧本。因此，如果您只是从函数中删除

var

，它就会工作

函数应该是这样的

<html>

<body>
  <header>
    Random Number Chooser
  </header>
  <br>
  <!--- Random Number Chooser --->
  <div class="wrapper" id="button">
    <button type="button">Randomize!</button>
  </div>
  <div class="wrapper" id="ret">
  </div>
  <br>
  <br>

  <header>
    Click Counter
  </header>
  <!--- Click Counter --->
  <div class="wrapper" id="reset">
    <button type="button">Reset</button>
  </div>
  <div class="wrapper" id="clicky">
  </div>
  <div class="wrapper" id="clicker">
    <button type="button">Click</button>
  </div>
  <!--- input receive and return --->
  <br>
  <header>
    Input Receive/Return
  </header>
  <div class="wrapper">
    <input type="text" id="input1" />
    <button onclick="submitAnswer()">Submit</button>
  </div>
  <div class="wrapper" id="retAnswer">
  </div>
  <br>
  <!--- Which button --->
  <header>
    Guess which button
  </header>
  <div class="wrapper" id="restart">
    <button onclick="startGame()">Start/Reset</button>
  </div>
  <div class="wrapper" id="order">
  </div>
  <br>
  <div class="wrapper" id="but1">
    <button onclick="addInput("1")">1</button>
  </div>
  <div class="wrapper" id="but2">
    <button onclick="addInput("2")">2</button>
  </div>
  <div class="wrapper" id="but3">
    <button onclick="addInput("3")">3</button>
  </div>
  <br>
  <div class="wrapper" id="gameSubmit">
    <button>Submit</button>
  </div>
</body>

</html>```

祝你学习顺利

实际的错误是什么？什么是可以运行的HTML？你能分享HTML吗？你的问题可能是因为你对innerHTML的理解……我在

函数addInput（var input）{

中看到一个语法错误，删除

var

michael就是这样，谢谢

function addInput(input){
    playerInput += input;
}