From 707bfbf1a22ed718db06f0dfc58be2cd99b7b431 Mon Sep 17 00:00:00 2001
From: Seongmoon Kim <tokyokim0226@naver.com>
Date: Fri, 22 Dec 2023 11:25:41 +0900
Subject: [PATCH 1/3] lesson 10 done

---
 app.js | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/app.js b/app.js
index bf20729..973a847 100644
--- a/app.js
+++ b/app.js
@@ -1,9 +1,21 @@
+// const list = document.querySelector('#book-list ul');
+
+// // delete books
+// list.addEventListener('click', (e) => {
+//   if(e.target.className == 'delete'){
+//     const li = e.target.parentElement;
+//     li.parentNode.removeChild(li);
+//   }
+// });
+
+
+
 const list = document.querySelector('#book-list ul');
 
-// delete books
-list.addEventListener('click', (e) => {
-  if(e.target.className == 'delete'){
-    const li = e.target.parentElement;
-    li.parentNode.removeChild(li);
-  }
-});
+//delete books
+list.addEventListener('click', function(e){
+    if(e.target.className == 'delete'){
+        const li = e.target.parentElement;
+        li.parentNode.removeChild(li);
+    }
+})
\ No newline at end of file

From 05f42ff82e432729d9e9b37956fa326cd2111c66 Mon Sep 17 00:00:00 2001
From: Seongmoon Kim <tokyokim0226@naver.com>
Date: Fri, 22 Dec 2023 13:55:58 +0900
Subject: [PATCH 2/3] lesson 11 done

---
 app.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/app.js b/app.js
index 973a847..e65fe10 100644
--- a/app.js
+++ b/app.js
@@ -18,4 +18,12 @@ list.addEventListener('click', function(e){
         const li = e.target.parentElement;
         li.parentNode.removeChild(li);
     }
+});
+
+const addForm = document.forms['add-book'];
+
+addForm.addEventListener('submit', function (e) {
+    e.preventDefault();
+    const value = addForm.querySelector('input[type="text"]').value;
+    console.log(value);
 })
\ No newline at end of file

From 484f66539f891c75823ebd8d9c3b63983bd03c9b Mon Sep 17 00:00:00 2001
From: Seongmoon Kim <tokyokim0226@naver.com>
Date: Fri, 22 Dec 2023 14:04:09 +0900
Subject: [PATCH 3/3] lesson 12 done

---
 app.js | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/app.js b/app.js
index e65fe10..7ef5cc4 100644
--- a/app.js
+++ b/app.js
@@ -25,5 +25,22 @@ 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 elements
+    const li = document.createElement('li'); //not input inside the dom yet, only created
+    const bookName = document.createElement('span');
+    const deleteBtn = document.createElement('span');
+
+    //append to Document
+    li.appendChild(bookName); //order does matter here
+    li.appendChild(deleteBtn);
+
+    //append the list to the unorderd list (ul) in the dom
+    list.appendChild(li) //the ul was selected using queryselected and asigned to list
+
+    //add textcontent to the bookName & deletebutton
+    deleteBtn.textContent = 'delete';
+    bookName.textContent = value;
+
+    deleteBtn.className = 'delete'
 })
\ No newline at end of file