Wert aus der Eingabe und speichern Sie es auf das Objekt Javascript

Question

Wie kann ich Wert von Eingabe erhalten und es auf das Objekt speichern? Wenn Taste Wert von der Eingabe geklickt wird - sollte im Objekt gespeichert werden. Vielen Dank viel im Voraus

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

Hier ist ein Arbeits JSfiddle für Sie.

Der relevante JS-Code ist hier. Unter Verwendung der id Tags auf Ihren HTML-Elementen, habe ich alle Elemente und speicherte sie in Variablen. Als Nächstes habe ich einen Ereignis-Listener auf Ihrer Schaltfläche hinzugefügt, und beim Klicken drücke ich die relevanten value jedes Elements in Ihre 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/