如何使用此javascript函数将项的值添加到dropzone的值中?

如何使用此javascript函数将项的值添加到dropzone的值中?,javascript,css,drag-and-drop,Javascript,Css,Drag And Drop,我正在建立一个骰子游戏,并创造了面额。它们每个都包含一个值标记。我把硬币复制到投币区,但我想让硬币的价值增加到投币区的价值。然后用它作为总赌注 function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("Text",ev.target.id); } function drop(ev) { var data = ev.dataTransfer.g

我正在建立一个骰子游戏,并创造了面额。它们每个都包含一个值标记。我把硬币复制到投币区,但我想让硬币的价值增加到投币区的价值。然后用它作为总赌注

function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("Text",ev.target.id);
}

function drop(ev) {
    var data = ev.dataTransfer.getData("Text");
    ev.target.appendChild(document.getElementById(data).cloneNode(true));
    // makeBet(data);
    ev.preventDefault();
}
此外,我正在努力让游戏报告银行是空的,如果赌注试图超过它

#c10 {
    width:100px;
    height:100px;
    border-radius:50px;
    font-size:48px; 
    line-height:100px;
    text-align:center;
    background: yellow;
    color:#000;
    border: 6px solid black;
    box-shadow: 10px 10px 5px #888888;  
    float: left;
    z-index: 7;
}

[draggable=true] {
    cursor: move;
}

<div id= "land" ondragover="allowDrop(event)" ondrop="drop(event)" value="0">

<div id="c10" draggable="true" class="circle" ondragstart="drag(event)" value="10">10</div>
#c10{
宽度:100px;
高度:100px;
边界半径:50px;
字体大小:48px;
线高:100px;
文本对齐:居中;
背景:黄色;
颜色:#000;
边框:6px纯黑;
盒影:10px 10px 5px#8888888;
浮动:左;
z指数:7;
}
[draggable=true]{
光标:移动;
}
10

下面是更多的代码。同样,我希望将该值添加到着陆值中,然后将该值作为赌注。

这应该可以实现。它获取硬币的价值并将其添加到目标的价值中。 将字符串的值属性转换为整数

function drop(ev) {
    var data = ev.dataTransfer.getData("Text");
    var src = document.getElementById(data);
    var target = ev.target;
    target.appendChild(src.cloneNode(true));
    target.getAttribute('value') = parseInt(target.getAttribute('value')) + parseInt(src.getAttribute('value'));
    // makeBet(data);
    ev.preventDefault();
}

你将不得不发布更多的代码,最好是用小提琴。请不要发布游戏的全部源代码:)。特别是HTML部分可能很有趣。我不知道这个“提琴”,他指的是JSFIDLE: