Javascript 你能给出链接的数值并把几个加在一起吗

我试图给出几个链接的数值，这些数值可以在ondrop事件后相加。 我制作了4个下拉菜单按钮：

    <div class="dropdown">
  <button class="dropbtn"> Group  1 </button>
  <div class="dropdown-content">
    <a href="#" target="_blank" draggable="true" id="drag1" ondragstart="drag(event)"> Link 1 </a>
    <a href="#" target="_blank" draggable="true" id="drag2" ondragstart="drag(event)"> Link 2 </a> 
    <a href="#" target="_blank" draggable="true" id="drag3" ondragstart="drag(event)"> Link 3 </a> 
  </div>
</div>

但问题是，我不能绞尽脑汁去想如何为不同的链接添加数值，这些链接应该在我制作的8个框中的每个框中放置一个链接后一起添加。

---

几天来，我一直试图找到解决问题的办法，但一直没有找到任何能帮助我的方法。谁能帮帮我，因为我不知道从哪里开始

您可能对使用“data-”属性感兴趣，例如。然后element.getAttributeI正要说。。。我到处使用

数据-

属性。所以

和

var num=el.getAttribute（'data-num'）

<div class="element-box element1" ondrop="drop(event)" id="box1" ondragover="allowDrop(event)">

  </div>

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

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

function drop(ev) {
 ev.preventDefault();
 var data = ev.dataTransfer.getData("text");
 ev.target.appendChild(document.getElementById(data));
 document.getElementById("dvalue").innerHTML = "test"; 
}