我是 javascript 新手。我有一个问题,但我不知道它可能是什么。我应该将我的 javascript 链接到我的 html。有三个按钮可以在点击时将文本变成不同的颜色。但它不起作用。
// this is the red button
const header = document.querySelector("#header");
const clicker = document.querySelector(".clicker-red");
clicker.addEventListener("click", () => {
header.style.backgroundColor = "red";
header.classList.add("large");
});
// this is the green button
const clicker = document.querySelector(".clicker-green");
clicker.addEventListener("click", () => {
header.style.backgroundColor = "green";
header.classList.add("large");
});
// this is the purple button
const clicker = document.querySelector(".clicker-pruple");
clicker.addEventListener("click", () => {
header.style.backgroundColor = "purple";
header.classList.add("large");
});
Run Code Online (Sandbox Code Playgroud) javascript ×1