如何单击图像并使用纯Javascript执行函数

我目前正在开发一个网站，我需要应用某种功能。我有一个图像，我需要它的行为像一个按钮。当用户点击图像时，我需要一些Javascript来执行，但我似乎没有得到正确的原因！这是我的密码：

onload=function（）{
var yoda=document.getElementById（“masteryoda”）；
控制台日志（yoda）；
yoda.onclick（）=函数（）{
yoda.style.opacity=“0.5”；
}​
}

---

最佳实践：为单击事件添加侦听器。这将很容易调试

 onload = function(){
  var yoda = document.getElementById("masteryoda");
  console.log(yoda);

  yoda.addEventListener('click', function() {
    this.style.opacity = '0.5';
  })
}

另外，代码中也有错误：您试图运行函数

onclick（）

，并将另一个函数的值设置为它。将

onclick（）

更改为

onclick

：

onload = function(){
  var yoda = document.getElementById("masteryoda");
  console.log(yoda);

  yoda.onclick = function() {
    yoda.style.opacity = '0.5';
  })
}

---

或者，在图像上添加事件侦听器。

您必须将

yoda.onclick（）

更改为

yoda.onclick

yoda.onclick=function（）{

yoda.style.opacity=“0.5”

}

​

试试这个

函数changeOpacity（）{
var yoda=document.getElementById（“masteryoda”）；
yoda.style.opacity=“0.5”；
}

您的代码为尤达找到了什么吗？我的意思是有一张身份证是尤达的照片吗？是的，有！这就是为什么我有console.log（yoda）；以确保已拾取图像！是的，它能把它捡起来我能在控制台上看到它

<img src="image" onclick="myFunction()">