Javascript 函数中值更改后删除HTML、CSS、JS数组元素

这是我正在做的纸牌游戏。密码笔在

我目前正在研究它的战斗功能，但这已经发生了。应该有4张卡片。这就是我想要的样子。每当我调用setup函数时，奇怪的事情就会发生。请检查密码笔，看我想看什么

var turn=true；
var enemyCards=document.getElementById（“敌方卡”）；
var friendlyCards=document.getElementById（'friendly-cards'）；
var friendlyHealth=document.getElementById（'friendly-health-value'）；
var enemyHealth=document.getElementById（'敌方-health-value'）；
var enemyCardArray=[[2,3]，[2,4]；
var friendlyCardArray=[[3,3]，[3,2]]；
函数initialSetup（）{
对于（var i=0；ifor（var i=0；i查看了您的设置函数。问题似乎是您正在for循环中设置innerHTML=“”。您可能希望在setup（）函数的开头设置它，如下所示：

function setup() {
       enemyCards.innerHTML = "";//<--Set it to "" here, not in for loop
       friendlyCards.innerHTML = "";//<--Set it to "" here, not in for loop
       for (var i = 0; i < enemyCardArray.length; i++) {
            var card = enemyCardArray[i]
            var damage = card[0];
            var health = card[1];
            //enemyCards.innerHTML = "";
            enemyCards.innerHTML += "<div class='card'><h1 class='damage'>" + damage + "</h1><h1 class='health'>" + health + "</h1></div>";
                }

       for (var i = 0; i < friendlyCardArray.length; i++) {
              var card = friendlyCardArray[i]
              var damage = card[0];
              var health = card[1];
              //friendlyCards.innerHTML = "";
              friendlyCards.innerHTML += "<div class='card'><h1 class='damage'>" + damage + "</h1><h1 class='health'>" + health + "</h1></div>";
                }
            }

函数设置（）{
enemyCards.innerHTML=“”；//它很管用！我肯定不会想到它，但它确实管用！