JS 操縱DOM 有兩種很簡單的方式:

如果知道ID 的情況下. 我們可以使用 document.getElementById

我們還可以使用

document.getElementById("testId").textContent = "0";

document.querySelector(".testClass").classList.toggle("active");

我們還可以把function賦值到event listener中.

Ps: 這裏是賦值, 而不是調用. 如果調用init, 應該是init()

document.querySelector(".btn-new").addEventListener("click",init);

 
function init() {
  console.log("HelloWorld!");
}

我們還可以生成click event handler 來監聽click.

document.querySelector(".btn-test").addEventListener("click", function() {
  console.log("HelloWorld!");
});

我們可以在MDN查看到所有的event listener 事件

DOM Access and Manipulation JS 操縱DOM