如何通过单击另一张图片来更改图像的源来源？

Question

所以我基本上做了一个Rock paper剪刀游戏。我想根据用户点击的内容更改手牌。因此，如果用户点击摇滚图像，则会显示摇滚手。基本上是这样的：

我使用“if”语句创建了一个函数，但它不起作用，我被卡住了。 HTML和JavaScript如下。有人可以帮助我吗？

Answer 1

一个简单的解决方案是在每个图像上传递一个字符串作为参数，例如：onclick="RkPSc('rock')"，它将告诉函数要更改的图像。

<img src="rock.jpg" onclick="RkPSc('rock')" />
<img src="paper.jpg" onclick="RkPSc('paper')" />
<img src="scissors.jpg" onclick="RkPSc('scissors')" />

然后，在您的javascript中，修改函数以接受参数并根据该参数更改图像。

function RkPSc(item) {
    var lefthand = document.getElementById('lefthand');

    if(item === 'rock')
        lefthand.src = 'leftRockHand.jpg';
    else if(item === 'scissors')
        lefthand.src = 'leftScissorHand.jpg';
    else
        lefthand.src = 'leftPaperHand.jpg';
}