javascript - 使用 JavaScript 单击后更改图像

Question

我正在按照互联网上的教程来学习一些基本的 Javascript。其中一个步骤是在用户单击图像后将图像更改为另一图像，但是它不起作用。我在研究过程中发现了一些教程，但它们都包含我尚未学习的功能，所以我想尽可能坚持教程。

这是 JS 脚本:

var myImage = document.querySelector('img');
myImage.onClick = function() {
    var mySrc = myImage.getAttribute('src');
    if(mySrc === 'images/1.png') {
        myImage.setAttribute ('src', 'images/2.png');
    } else {
        myImage.setAttribute ('src', 'images/1.png');
    }
}

这是我正在使用的教程的链接: https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/JavaScript_basics

这是该项目的 Github 链接: https://github.com/Pedro12909/test

Answer 1

问题是 .onClick 未定义。使用.onclick小写“c”