Javascript 为什么赢了'；这不是我的疯了吗？

所以我必须使用javascript和html来创建一个mad库。我要求用户输入值，然后点击按钮，它应该使用他们输入的值生成一个故事

这是我的HTML：

<ul>
  <li>Your Name: <input type="text" id="name"></li>
  <li>Adjective: <input type="text" id="adjective"></li>
  <li>State: <input type="text" id="state"></li>
  <li>Animal: <input type="text" id="animal"></li>
  <li>Month: <input type="text" id="month"></li>
  <li>Adjective: <input type="text" id="adjective2"></li>
  <li>Animal: <input type="text" id="animal2"></li>
  <li>Object: <input type="text" id="object"></li>
</ul>
<button id="ready-button">Ready</button>
<div id="story"></div>
<script> 
    function madLib() {
      var storyDiv = document.getElementById("story");
      var adjective = document.getElementById("adjective").value;
      var noun = document.getElementById("noun").value;
      var state = document.getElementById("state").value;
      var animal = document.getElementById("animal").value;
      var month = document.getElementById("month").value;
      var adjective2 = document.getElementById("adjective2").value;
      var animal2 = document.getElementById("animal2").value;
      var object = document.getElementById("object").value;
      storyDiv.innerHTML ="One day, " + name + " was in the backwoods of " + state + " riding their pet " + animal + " it wasn't often that " + name + " got the chance to do this so they always made the most of their adventure. Usually, it was a fun experience until that one day in " + month + " they were minding their own business when all of the sudden the " + adjective2 + " " + animal2 + " jumped out from behind a small " + object + ". " + name + " could not beieve what they were seeing.";
    }
    var readyButton = document.getElementById('ready-button');
    readyButton.addEventListener('click', madLib);
</script>

您的姓名：
形容词：
声明：
动物：
月份：
形容词：
动物：
对象：

准备好的
函数madLib（）{
var storyDiv=document.getElementById（“故事”）；
变量形容词=document.getElementById（“形容词”）.value；
var noon=document.getElementById（“noon”）.value；
var state=document.getElementById（“state”）.value；
var animal=document.getElementById（“动物”）.value；
var month=document.getElementById（“月”）.value；
变量形容词2=document.getElementById（“形容词2”）.value；
var animal2=document.getElementById（“animal2”）.value；
var object=document.getElementById（“对象”）.value；
storyDiv.innerHTML=“有一天，“+name+”在“+state+”的边远地区骑着他们的宠物“+animal+”“+name+”很少有机会这样做，所以他们总是充分利用他们的冒险经历。通常，在“+month+的那一天之前，这是一次有趣的经历。”“他们正想着自己的事，突然一个小的“+物体+”+“+名字+”后面跳出来的“+形容词2+”+“+动物2+”看不出他们在看什么。”；
}
var readyButton=document.getElementById（'ready-button'）；
addEventListener（'click'，madLib）；

在获取故事的值时，您似乎将“名词”与“名称”混为一谈。 您有

，并且在您的故事中多次使用

name

变量，但是在

madLib

函数中您有

var noun = document.getElementById("noun").value;
//document.getElementById("noun") will be undefined because there is no "noun element"

应该是这样的

var name = document.getElementById("name").value;

---

还有？出了什么问题？一个错误？我可以输入所有值，但是包含所有输入值的故事不会出现。