added input list mini-project

michiganhackers · Oct 4, 2024 · 799303a · 799303a
1 parent bf5c4b6
commit 799303a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/students/nmoxey/index.html b/students/nmoxey/index.html
@@ -8,6 +8,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Nate's Landing Page</title>
+    <script src="main.js"></script>
 </head>
 <body>
     <div class="Centered">
@@ -31,5 +32,13 @@ <h1 class="PageHeading">mrbrbrn.com</h1>
             </ul>
         </div>
     </div>
+    <div class="Centered">
+        <p class="PageHeading">What's your favorite game?</p>
+        <ol id="lis" class="PageHeading">
+            <li>Castle Crashers</li>
+        </ol>
+        <input id="inp"/>
+        <button id="button" onclick="putInList()">Submit</button>
+    </div>
 </body>
 </html>
diff --git a/students/nmoxey/main.js b/students/nmoxey/main.js
@@ -0,0 +1,7 @@
+putInList = function() {
+    let inp = document.getElementById("inp").value;//get input text
+    let ul = document.getElementById("lis");//get list
+    let entry = document.createElement('li');
+    entry.appendChild(document.createTextNode(inp));
+    ul.appendChild(entry);
+}