javascript - 当特定图像被删除时增加值

Question

我可以将图像拖放到篮子中，并获取放入篮子中的对象的值。但是当特定图像放入购物篮时如何增加值(value)呢？

例如，当我尝试拖放草莓和西瓜图像时，分数会增加 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

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

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

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

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