计数器值没有增加，在javascript中值保持不变

debugcn 发表于 Dev

chickenwings123

为什么我的变量pc_score和my_score没有增加？输出为0。我从代码中省略了事件监听器格式的另外两个函数，但它不会影响结果。。我编辑了可运行代码的文章。谢谢。感谢您看我的问题。



<script>

    var options = ['rock','paper','scissors']
    let my_score = 0; 
    var pc_score = 0; 

    let computerChoice ;


    function computerSelection() {

         computerChoice = options[Math.floor(Math.random()*options.length)]
         return computerChoice;

    }


    var results = document.getElementById("result")
    document.getElementById("rock").addEventListener("click", ()=> {
        playerChoice=rock;
        computerSelection();
        if (computerChoice=='rock'){
             results.innerHTML="It is a tie";
        } else if (computerChoice=='paper'){
            results.innerHTML="It is a loss";
                 pc_score += 1;
        }else if (computerChoice=='scissors'){
            results.innerHTML="It is a win";
            my_score+= 1
        }

})

     const you = document.getElementById("You")
        you.innerHTML= my_score
    const computer = document.getElementById("Computer")
        computer.innerHTML=pc_score

  </script>

马门

由于您是在事件处理函数之外分配值，因此单击时不会执行代码（而是在页面加载时使用初始值执行这些代码）。您必须在事件处理函数中更新HTML。

此外，我会建议你使用innerText或textContent如果文本是纯文本（不htmlString）。

请尝试以下操作：

var my_score = 0; 
var pc_score = 0;
const you = document.getElementById("You");
const computer = document.getElementById("Computer");
document.getElementById("scissors").addEventListener("click", ()=> {
    playerChoice=scissors;
    computerSelection();
    if (computerChoice == "rock"){
        results.textContent = "It is a loss";
        pc_score++;
    } else if (computerChoice == "paper"){
        results.textContent = "It is a win";
        my_score++;
    }else if (computerChoice=="scissors"){
        results.textContent = "It is a tie";
    }
    you.textContent = my_score;
    computer.textContent = pc_score;
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。