JavaScriptでクリックした画像を変更する

Question

私は基本的なJavaScriptを学ぶためにインターネット上のチュートリアルに従っています。手順の1つは、ユーザーがクリックした後にイメージを別のイメージに変更することですが、機能していません。私は研究中にいくつかのチュートリアルを見つけましたが、それらのすべてにはまだ学んでいない機能が含まれていますので、できるだけチュートリアルに固執したいと思います。ここで

は、JSのスクリプトです： https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/JavaScript_basics

そしてここでは、プロジェクトのGithubのリンクです： https://github.com/Pedro12909/test

Answer 1

を使用している場合は

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'); 
    } 
} 

はここで私が使用しているチュートリアルのリンクですクエリセレクタを使用すると、ページ内のすべてのイメージのクリックイベントをバインドする必要があります。クエリーセレクタはHTML要素のリストを返します。これを繰り返す必要があります。 imgタグにidを追加してみてください。例えばimageIdとし、次のように修正してください。

var myImage = document.getElementById('imageId'); 
 
myImage.onclick = function() { 
 
\t var mySrc = myImage.getAttribute('src'); 
 
\t if(mySrc === 'images/1.png') { 
 
\t \t myImage.setAttribute ('src', 'images/2.png'); 
 
\t } else { 
 
\t \t myImage.setAttribute ('src', 'images/1.png'); 
 
\t } 
 
}

Answer 2

問題が定義されていない.onClickです。これは役立つはず小文字"c"