Question

我一直试图找到一种创建JS按钮的可理解方式，但我无法理解父节点的孩子吃东西等等。我觉得我的小游戏非常接近，但却无法完全实现。

var health=100;
var ehealth=100;
var atk;
var eatk;

function attack(x){
  x=Math.floor(Math.random()*11);
  atk=x;
  ehealth=ehealth-atk
  document.write('Enemy Health:' + '&nbsp; &nbsp;' + ehealth + '&nbsp; &nbsp;')
}

function eattack(x){
  x=Math.floor(Math.random()*11);
  eatk=x;
  health=health-eatk
  document.write('Health:' + '&nbsp; &nbsp;' + health + '<br/>\n')
}

function dead(){
  if(health<=0&&ehealth<=0){
    document.write('A Draw');
  }else{
    if(health<=0){
      document.write('You Lose');
    }else{
      if(ehealth<=0){
        document.write('You Win');
      }
    }
  }
}

function battleRound() {
  attack(0);
  eattack(0);
  dead();

  if( health>=0&&ehealth>=0 ) {
    setTimeout( battleRound, 400 );
  }
}
</script>
<button onclick='battleRound()'>Start</button>
<button onclick="document.location.reload(true)">Reset</button>
</body>

我想在战斗结束后出现重置按钮，但整个互联网似乎是尖叫的孩子节点和父母的东西:( 第四个问题我今天已经问过，对我的新手来说很抱歉

Answer 1

您可以在重置按钮中添加一种display：none样式，然后在战斗结束后使用它显示。

element.removeAttribute("style")

如何创建具有HTML样式属性的JS按钮

1 个答案: