onclickイベントを使用して1つのイメージをクリックし、同じWebページ上の別のイメージを変更するにはどうすればよいですか？

Question

ユーザーは、3つの画像（岩石、紙、はさみ）のいずれかをクリックすることになっています。これらの3つの選択肢の1つをクリックすると、これらの3つの画像の右側の画像が、あなたは岩、紙、はさみのゲームで見るでしょう。私はクリックされた画像の右側に画像を変更するonclickイベントを設定する方法を見つけることができないようです。ここに私のコードのサンプルがあります。このように書か

（HTML）

<tr> 
    <td onclick="clickRock()" id="rockClick"><img src="rock.jpg" alt="Rock"></td>  
    <td rowspan="3" id="change1"><img src="leftPaperHand.jpg" alt="Left Hand" height="350"></td>  
    <td rowspan="3" id="change2"><img src="rightRockHand.jpg" alt="Right Rock" height="350"></td> 
</tr> 

（JavaScriptの）

function clickRock(args) { 
    img= document.getElementById("change1"); 
    img.src="leftRockHand.jpg" 
} 

Answer 1

機能が働くだろう。このようにして、最初のパラメータとしてターゲットイメージIDを置き、2番目のパラメータとして置き換えるイメージを置きます。

function clickRock(targetImg, chgeImg) { 
    document.getElementById(targetImg).src = changeIng; 
} 

document.getElementById("rockClick").addEventListener("click", clickRock("change2", "myNewImage.jpg")); 

次に、HTMLのonClickを使用します。これは柔軟ではありません。それは、私があなたがしようとしていることについてより詳細な情報があればうまくいくかもしれません。