如何通过单击按钮更改彩色框的不透明度？

Question

我有一个家庭作业让一个盒子淡出，这意味着点击一个按钮来改变一个彩色盒子的不透明度。但我无法让它工作。下面是一些编码。怎么了？非常感谢。

<button id="button3">Fade</button>

document.getElementById("button3").addEventListener("click", function(){
  document.getElementById("box").style.Opacity = "0.5";
});

Answer 1

问题

1. 您正尝试使用id 或box 访问元素

2. 正如heretic monkey所说，javascript区分大小写，意思是Opacity应该是opacity

解决上述问题

document.getElementById("button3").addEventListener("click", function(){
  document.getElementById("button3").style.opacity = "0.5";
});

<button id="button3">Fade</button>

更多阅读

• https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics

注意： JavaScript 区分大小写 — myVariable 是与 myvariable 不同的变量。如果您在代码中遇到问题，请检查大小写！