jqueryの画像で警告を発することはできません

Question

ここで問題になっているのは非常に厄介です。空のボックスがあり、ボタンを押してそのボックスに画像を配置しますそれは、次のとおりです。私は、ソースを選択し、ボックスにそれを置くため

にjqueryのを、それを選択する必要があるため HTML

<button id="rockb">choose rock!</button> 
<div id="main"> 
<img id='pr' style="width: 500px;height: 600px;" src=""> 
</div> 

あなたがイメージのソースを見ることができるようには何もありません：

<script type="text/javascript"> 
$('#rockb').click(function() 
{ 
$('#mty').attr("src", "https://i.redd.it/2u0y0z5i12py.png"); 
}); </script> 

あなたは複数のボタンがあることを知っていますので、他の名前と画像のリンクだけを表示するのと同じように複数の画像をbasiccalyで選択できます。

私は「紙」 言いますが、私はそれは私のコードwork.hereであることを確認するように見えるカントそれをpaperb選択した場合、私はそれrockb押すと言うスクリプトが「紙」を警告したい：

<script type="text/javascript"> 
if (getElementById('#pr').attr('src') === 'https://i.redd.it/2u0y0z5i12py.png') 
{ 
alert('euirhzeurhzu') 
} 
</script> 

私を助けてくれてありがとうとうまくいけば、私はそれを良い説明した！

Answer 1

$(document).ready(function(){ 
 
$('button').click(function(){ 
 
$('#pr').attr("src", "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQZtjprGwxPE5FVcY72h1MWxvVVSiW7RFHmJ6DZ9G1lf0YOr-vV"); 
 
if(true){ 
 
alert('euirhzeurhzu') 
 
} 
 
}) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="rockb">choose rock!</button> 
 
<div id="main"> 
 
<img id='pr' style="width: 500px;height: 600px;" src=""> 
 
</div>