Javascript 为什么这段代码在以前工作时不工作&为随机值添加一个按钮_Javascript

Javascript 为什么这段代码在以前工作时不工作&为随机值添加一个按钮

javascript

Javascript 为什么这段代码在以前工作时不工作&为随机值添加一个按钮,javascript,Javascript,代码以前工作得很好。我尝试了很多方法来修复它，但它似乎不起作用。是因为变量太多吗？此外，我希望添加一个按钮，并在放置随机按钮时显示一个数组值。谢谢 <html><head> <title> Mad Libs Story </title> <script> function getVars() { var firstPerson = String(document.getElementbyId("personOne").

代码以前工作得很好。我尝试了很多方法来修复它，但它似乎不起作用。是因为变量太多吗？此外，我希望添加一个按钮，并在放置随机按钮时显示一个数组值。谢谢

<html><head>
<title>
  Mad Libs Story
</title>

<script>

function getVars() {

    var firstPerson = String(document.getElementbyId("personOne").value);
    var firstAdjective = String(document.getElementById("adjectiveOne").value);
    var secondAdjective = String(document.getElementById("adjectiveTwo").value);
    var thirdAdjective = String(document.getElementById("adjectiveThree").value);
    var secondPerson = String(document.getElementById("personTwo").value);
    var fourthAdjective = String(document.getElementById("adjectiveFour").value);
    var firstNumber = Number(document.getElementById("numberOne").value);
    var thirdPerson = String(document.getElementById("personThree").value);

document.getElementById("madLibCreation").innerHTML = "Dear " + firstPerson + ",Overall, the camp is " + firstAdjective + "The camp counselors are " + secondAdjective + "and the food is " + thirdAdjective + ".Today, I met someone named " + secondPerson + "and we become " + fourthAdjective + "friends. I hope to write to you in " + firstNumber + "days.Sincerely," + thirdPerson + ".";
} 
</script>
</head>
<body>
<h3>
Welcome to Mad Libs! Please type in the prompted Information. Then press the submit button. Have fun!   
</h3>  

<p>
  Name of Person in Room: <input type="text" id="personOne">
</p>

<p>
  Adjective: <input type="text" id="adjectiveOne">
  </p>

 <p>
   Adjective: <input type="text" id="adjectiveTwo">
  </p>

  <p>
    Adjective: <input type="text" id="adjectiveThree">
  </p>

  <p>
    Name of Someone: <input type="text" id="personTwo">
  </p>  

  <p>
    Adjective: <input type="text" id="adjectiveFour">
  </p>

  <p>
    Number: <input type="text" id="numberOne">
  </p>

  <p>
   Name of Someone: <input type="text" id="personThree">
  </p>
<p>

<input type="submit" value="Get My MadLib Creation!" onclick="getVars();">
  </p>
<p id="madLibCreation"></p>


</body></html>

var firstPerson=Stringdocument.getElementbyIdpersonOne.value；中的一个小错误；。getElementbyId需要大写B:getElementbyId。下面是已更正类型的代码

疯狂的Libs故事函数getVars{ var firstPerson=Stringdocument.getElementByIdpersonOne.value； var firstapprox=Stringdocument.getElementByIdadjectiveOne.value； var secondapprox=Stringdocument.getelementbyidadjctivetwo.value； var thirdAdjective=Stringdocument.getelementbyIDADjctiveThree.value； var secondPerson=Stringdocument.getElementByIdpersonTwo.value； var fourthAdjective=Stringdocument.getElementByIdadjectiveFour.value； var firstNumber=Numberdocument.getElementByIdnumberOne.value； var thirdPerson=Stringdocument.getelementbyidpersontree.value； document.getElementByIdmadLibCreation.innerHTML=亲爱的+第一人称+，总的来说，营地是+第一个形容词+营地顾问是+第二个形容词+食物是+第三个目标+。今天，我遇到了一个名为+第二个人+的人，我们成了+第四个目标+朋友。我希望在+第一个数字+天内给你写信rdPerson+。； } 欢迎来到疯狂图书馆！请输入提示信息。然后按提交按钮。玩得高兴房间内人员姓名：

形容词：

某人的姓名：

形容词：

编号：

某人的姓名：

如果您运行代码并查看控制台，您将看到报告的错误-getElementbyId应该是getElementbyId始终读取您的错误。啊，谢谢！我疲惫的眼睛没注意到。