Javascript / jquery得分在单击游戏时被打破

Question

我试图制作一个简单的游戏，当你点击正确/不正确的图片时，图片会切换并添加/减去点数。我的代码仅在单击一个div时起作用，但当添加另一个div时，这些点似乎随机上下移动。 这是我的代码：

var score=0;
function randomImg() 
{

var myimages=new Array();

myimages[0]="mozzarella.png";
myimages[1]="target.jpg";
myimages[2]="badtarget.jpg";
myimages[3]="badtarget2.jpg";

var w=Math.floor(Math.random()*4);
var x=Math.floor(Math.random()*4);
var y=Math.floor(Math.random()*4);
var z=Math.floor(Math.random()*4);

document.getElementById("target2").src=myimages[w];
document.getElementById("target").src=myimages[x];
document.getElementById("badtarget").src=myimages[y];
document.getElementById("badtarget2").src=myimages[z];

if (x==0)
{
$('#target').one("click", function(){
    $('#output').html(++score);
});
}

else if (x==1)
{
$('#target').one("click", function(){
    $('#output').html(++score);
});
}

else if (x==2)
{
$('#target').one("click", function(){
    $('#output').html(--score);
});
}

else if (x==3)
{
$('#target').one("click", function(){
    $('#output').html(--score);
});
}

if (w==0)
{
$('#target2').one("click", function(){
    $('#output').html(++score);
});
}

else if (w==1)
{
$('#target2').one("click", function(){
    $('#output').html(++score);
});
}

else if (w==2)
{
$('#target2').one("click", function(){
    $('#output').html(--score);
});
}

else if (w==3)
{
$('#target2').one("click", function(){
    $('#output').html(--score);
});
}

}