Warum wird meine my-lib nicht kompilieren?

Question

Also muss ich Javascript und HTML verwenden, um eine tolle Lib zu machen. Ich fordere den Benutzer auf, Werte einzugeben und dann auf die Schaltfläche zu klicken, und es soll eine Geschichte mit den eingegebenen Werten generieren.

Hier ist mein 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> 

Answer 1

Es scheint, dass Sie „Nomen“ gemischt mit „name“ bekam, wenn die Werte für Ihre Geschichte greifen. Sie haben <input type="text" id="name"></li> und Sie die name Variable in der Geschichte ein paar Mal, aber in der madLib Funktion haben Sie

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

die wahrscheinlich

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