12 video + safixotas dažas rindas

Fleksis · Fleksis · commit 0bb2027424a3 · 2021-03-16T16:43:09.000+02:00
diff --git a/app.js b/app.js
@@ -1,18 +1,32 @@
-const list = document.querySelector('book-list ul');
+const list = document.querySelector('#book-list ul');
 
 //delete books
 list.addEventListener('click', function(e){
   if(e.target.className == 'delete'){
     const li = e.target.parentElement;
-    li.removeChild(li);
+    list.removeChild(li);
   }
 });
 
 // add book-list
-const addForm = forms['add-book'];
-
+const addForm = document.forms['add-book'];
 addForm.addEventListener('submit', function(e){
   e.preventDefault();
   const value = addForm.querySelector('input[type="text"]').value;
-  console.log(value);
+
+  //create elemets
+  const li = document.createElement('li');
+  const bookName = document.createElement('span');
+  const deleteBtn = document.createElement('span');
+
+//add content
+deleteBtn.textContent = 'delete';
+bookName.textContent = value;
+
+  // append to document 
+li.appendChild(bookName);
+li.appendChild(deleteBtn)
+list.appendChild(li);
+
+
 });
