javascript - 单击时更改按钮文本

Question

所以，我学习了 www.code.org 的在线类(class)让自己适应 JavaScript。我使用了诸如 setProperty(); 之类的元素和onEvent(); 。我使用在线编辑器添加了一个按钮，并使用以下代码在用户单击按钮时更改按钮的文本:

onEvent("button1","click", function()
 {
  setProperty("button1","text","Hello there!");
 });

我的问题是:如何使用 <button> 在 HTML 中执行此操作标签？

Answer 1

这很可能是等效的:将 click 事件监听器添加到按钮并通过 texContent 更改回调函数体内的文本。

document.getElementById('button1').addEventListener('click', function() {
  this.textContent = 'Hello there!';
});

<button id="button1">Click Me</button>