删除特定图像时增加值

Question

我可以将图像拖放到篮子中，并将对象的值放入篮子中。但是如何在特定图像放入篮子时增加值？

例如，当我尝试拖放草莓和西瓜图像时，点数增加10.当鸡肉，火鸡，鱼或龙虾掉落时，有一种方法可以将每个图像/肉类项目的点数增加30 ？

这是一个脚本

<script type="text/javascript">
var myscore=0;
function dragStart(ev) {
ev.dataTransfer.effectAllowed='move';
ev.dataTransfer.setData("Text", ev.target.getAttribute('id'));
ev.dataTransfer.setDragImage(ev.target,0,0);
return true;
}
function dragEnter(ev) {
event.preventDefault();
return true;
}
function dragOver(ev) {
return false;
}
function dragDrop1(ev) {

var src = ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(src));
ev.stopPropagation();
myscore=myscore-10;
document.getElementById('Score').innerHTML=myscore;
return false;
}
function dragDrop2(ev) {

var src = ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(src));
ev.stopPropagation();
myscore=myscore+10;
document.getElementById('Score').innerHTML=myscore;
return false;
}

</script>

这是Fiddle

Answer 1

为每个具有src图像地址和该图像分数的图像创建一个对象，然后您可以通过传递数组中的所有对象来使用这些图像。

因此，您可以轻松地在特定图像对象中添加更多属性。

var strawberry ={
src:"address";
score:30
},

watermelon={
src:"address";
score:20
}