Fatal编程技术网
  • javascript/
  • Javascript *已解决*单击按钮后如何执行函数？

Javascript *已解决*单击按钮后如何执行函数？

javascript function button

Javascript *已解决*单击按钮后如何执行函数？,javascript,function,button,onclick,click,Javascript,Function,Button,Onclick,Click,每次单击buttonA时，我试图从lifes变量中减去1个life。但是removeLives（）函数在单击按钮之前执行 <html lang="en"> <body> <div id="lives"></div> <button id="buttonA" onClick="removeLives()">buttonA</butto

每次单击
buttonA
时，我试图从
lifes
变量中减去1个life。但是
removeLives（）函数在单击
按钮之前执行


<html lang="en">
  <body>
    <div id="lives"></div>
    <button id="buttonA" onClick="removeLives()">buttonA</button>

<script>
  var lives = 3;

  document.getElementById("lives").innerHTML="LIVES: " + removeLives();
  document.getElementById("buttonA").onClick = function(){
    removeLives() {
    lives--;
    return lives;
    }
  }
  </script>
 </body>
</html>




钮扣
var=3；
document.getElementById（“lives”）.innerHTML=“lives:+Removelies（）；
document.getElementById（“buttonA”）.onClick=function（）{
removeLives（）{
生命--；
回归生命；
}
}

当解释器运行行
时。innerHTML=“LIVES:”+removeLives（）
，
removeLives
将被调用，从而导致
寿命
减少，新内容降低

将该行放在click处理程序中，并通过HTML最初填充
lifes
div

此外，可以在HTML中使用内联处理程序，也可以在JS中使用
.onclick
，但不能两者都使用-最好避免使用内联处理程序，因为它们通常被认为是不好的做法。要在JS中添加处理程序，请确保使用
.onclick
，而不是
。onclick
，它区分大小写

一旦
lifes
达到0，您可能还需要停止递减



var寿命=3；
document.getElementById（“buttonA”）.onclick=function（）{
生命--；
如果（寿命<0）寿命=0；
document.getElementById（“lives”）.innerHTML=“lives:”+lives；
};

生命：3
buttonA
加载脚本时是否调用removeLives（）？