存储对象中文本字段的值,Javascript

存储对象中文本字段的值,Javascript,javascript,html,Javascript,Html,我想用文本字段中的值更新对象 我认为问题在于按钮上的click eventhandler,但不确定。我试过一些方法,你的帮助会很棒 HTML 到目前为止我所拥有的代码笔 提前感谢。问题是您正在根据book此处设置divs textContent:bookName.textContent=book.name。但在你的活动中,你需要再次这样做: book.name = bookName.value; bookName.textContent = book.name; 您需要对所有字段执行此操作。

我想用文本字段中的值更新对象

我认为问题在于按钮上的click eventhandler,但不确定。我试过一些方法,你的帮助会很棒

HTML

到目前为止我所拥有的代码笔


提前感谢。

问题是您正在根据
book
此处设置divs textContent:
bookName.textContent=book.name。但在你的活动中,你需要再次这样做:

book.name = bookName.value;
bookName.textContent = book.name;

您需要对所有字段执行此操作。

您的代码已经使用文本字段(
#bookt标题
)中的值更新了对象的属性(
book.name
)。您可以通过添加
alert(book.name)看到这一点在该行之后

book.name = document.getElementById('booktitle').value;
正如Jazcash所指出的,如果您想在每次更改时显示更新的图书名称,那么您需要添加

bookName.textContent = book.name;
在eventlistener中,它看起来像这样:

document.getElementById("my-Btn").addEventListener("click", function() {
    book.name = document.getElementById('booktitle').value;
    bookName.textContent = book.name;
});

传奇人物,非常感谢你这个令人讨厌的人。非常感谢。你救了我一命
bookName.textContent = book.name;
document.getElementById("my-Btn").addEventListener("click", function() {
    book.name = document.getElementById('booktitle').value;
    bookName.textContent = book.name;
});