refactor: remove onClick attribute to submit button and assigned event listener in the script. Also renamed submit function to addBook

Author: XiaoQuark

debugging/book-library/index.html

@@ -65,7 +65,7 @@ <h1>Library</h1>
           type="submit"
           value="Submit"
           class="btn btn-primary"
-          onclick="submit()"
+          id="submit-button"
         />
       </div>
     </div>

debugging/book-library/script.js

@@ -24,10 +24,12 @@ const title = document.getElementById("title");
 const author = document.getElementById("author");
 const pages = document.getElementById("pages");
 const check = document.getElementById("check");
+const submitButton = document.getElementById("submit-button");
+submitButton.addEventListener("click", addBook);
 
 //check the right input from forms and if its ok -> add the new book (object in array)
 //via Book function and start render function
-function submit() {
+function addBook() {
   if (
     title.value === null ||
     title.value === "" ||