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/

从输入中获取值并将其存储到对象Javascript

1 个答案: