0.1.24

script update
EDU-MDAnderson · Sep 25, 2023 · 39a0f0b · 39a0f0b
1 parent e5600df
commit 39a0f0b
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 2 deletions.
diff --git a/week02/bom.html b/week02/bom.html
@@ -18,14 +18,15 @@
         <link rel="stylesheet" type="text/css" href="../styles/larger.css">
         <link rel="icon" href="../images/favicon.ico" />
         <meta name="author" content="Matthew Anderson"/>
+        <script src="bom.js"></script>
         <title>Student Placeholder Page WDD230</title>
       </head>
 
 <body>
     <nav>
         <ul>
-            <li><a href="index.html" class="active">Home</a></li>
-            <li><a href="underconstruction.html" class="active">Chamber</a></li>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="underconstruction.html">Chamber</a></li>
             <li><a href="week01/chamber-site-plan.html">Site Plan</a></li>
             <li><a href="underconstruction.html">Form</a></li>
         </ul>

diff --git a/week02/scripts/bom.js b/week02/scripts/bom.js
@@ -0,0 +1,31 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const input = document.querySelector('#favchap');
+    const button = document.querySelector('#addChapterButton');
+    const list = document.querySelector('#list');
+
+    button.addEventListener('click', function() {
+        if (input.value.trim() !== '') {
+            const li = document.createElement('li');
+            const deleteButton = document.createElement('button');
+
+            li.textContent = input.value;
+            deleteButton.textContent = '❌';
+
+            li.append(deleteButton);
+            list.append(li);
+
+            deleteButton.addEventListener('click', function() {
+                list.removeChild(li);
+                input.focus();
+            });
+
+            input.value = '';
+        } else {
+            // Provide a message or alert the user to enter a book and chapter.
+            // You can use alert or some other method to communicate this to the user.
+            // For example:
+            // alert('Please enter a book and chapter.');
+            input.focus();
+        }
+    });
+});
diff --git a/week02/scripts/bom.css → week02/styles/bom.css b/week02/scripts/bom.css → week02/styles/bom.css