Récupère la valeur de l'entrée et la stocke dans l'objet Javascript

Question

Comment puis-je obtenir de la valeur à partir de l'entrée et la stocker dans l'objet? Lorsque le bouton est cliqué valeur de l'entrée - doit être stocké dans l'objet. Merci beaucoup à l'avance

var testObject = { 'name': nameOfbook.value, 
 
        'author': nameOfauthor.value, 
 
        'year': year.value 
 
       }; 
 
console.log(testObject);

<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>

Answer 1

Voici un jsFiddle pour vous travailler.

Le code JS correspondant est ici. En utilisant les balises id sur vos éléments html, j'ai récupéré tous les éléments et les ai stockés dans des variables. Ensuite, j'ai ajouté un écouteur d'événement sur votre bouton, et au clic, je pousse le value de chaque élément dans votre testObject.

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) 
}) 

https://jsfiddle.net/991jqomq/