Javascript 如何添加图像到石头，剪纸游戏

我想在我的游戏中添加一些图片。当你点击按钮时，它会出现一个图像。请给我一些建议或者告诉我怎么做

我的HTML：

<div style="text-align: center;">
<H1>Rock Paper Scissors</H1>
<H2>Instructions</H2>
<p>Click a button to choose what to throw</p>
<p id="buttons">
    <input type="button" value="Rock" onclick="hand(0);" />
    <input type="button" value="Paper" onclick="hand(1);" />
    <input type="button" value="Scissors" onclick="hand(2);" /> 
</p>
<h3>Scoreboard:</h3>
<ul id="scoreboard">
        Wins: <span id="win">0</span>
    <br/>
        Losses: <span id="lose">0</span>
    <br/>
        Ties: <span id="tie">0</span>      
</ul>

这是我的小提琴。

---

您可以使用getElementByClass和onClick设置侦听器函数。 比如：

getElementByClass('.button').onClick = function(){

}

然后在匿名函数中，您可以编写一些代码，使图像显示在您想要的位置。您可以使用类似.appendChild的内容

上面发布的.appendChild链接中有一个很好的例子。希望能有帮助

---

编辑：您还可以研究jQuery，一旦您对它有了感觉，它可以使这种DOM操作变得更容易。

具体一点-您想知道如何通过

javascript

向

html

添加图像吗？网上有很多资源。如果你想要一些特定的方式来使用图像，请告诉我们。如果你希望人们为你编写代码，那就不会发生。这是一个针对特定技术问题的问答网站-我们不会在没有任何线索的情况下为您编写代码或试图找出您的问题所在。这太宽泛了。我有一些图片想放在我的游戏里。我只是想知道如何添加它们，所以我把它们放进去，当玩家玩游戏时，他们点击石头、布或剪刀，然后点击按钮，就会出现他们点击的按钮的图像。我不希望人们通过@ivy_lynx为我写代码

getElementByClass('.button').onClick = function(){

}