入力から値を取得してオブジェクトに保存するJavaScriptファイル

Question

入力から値を取得してオブジェクトに格納する方法は？ ボタンがクリックされたとき、入力からの値 - オブジェクトに格納する必要があります。 は、事前にあなたに

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

をたくさんありがとうございましたここであなたのために働いてJSfiddleです。

関連するJSコードがここにあります。あなたのHTML要素にidタグを使って、私はすべての要素を得て、それらを変数に格納しました。次に、ボタンにイベントリスナーを追加し、クリックすると、各要素の関連するvalueが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/