Garmaine Staff asked 1 year ago

I'm trying to create a form that when submitted, creates a new object with the input values, and then stores that object in an array.

For some reason, the array is "resetting" and not saving the objects.

let myLibrary = []

function Book(title,author,pages,read) {
	this.title = title
	this.author = author
	this.pages = pages
	this.read = read
	myLibrary.push(this)
}


function checkForm(){
	let name = document.querySelector('input[name="title"]').value
	let author = document.querySelector('input[name="author"]').value
	let pages = document.querySelector('input[name="pages"]').value
	let read = document.querySelector('input[name="read"]').checked
  new Book(name,author,pages,read)

}

submit.addEventListener("click",checkForm);