JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="nameOfbook" required="" placeholder="Book name" />
    <input type="text" id="nameOfauthor" required="" placeholder="Athor name" />
    <input type="text" id="year" required="" placeholder="Add year" />

   <button id="addder" type="button">StoreEmail</button>

JavaScript

var testObject = [];

const button = document.getElementById("addder");

const name = document.getElementById("nameOfbook");
const author = document.getElementById("nameOfauthor");
const year = document.getElementById("year");


button.addEventListener("click", function() {
  testObject.push({
		name: name.value,
    author: author.value,
    year: year.value
	})
  console.log(testObject)
})