从输入中获取值并将其存储到对象 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/