javascript - HTML スタイルのプロパティを使用して JS ボタンを作成するにはどうすればよいですか

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:' + '   ' + ehealth + '   ')
}

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>

戦闘が完了した後にリセットボタンを表示したいのですが、インターネット全体が子ノードと親の何かを叫んでいるように見えます:( 今日尋ねた4番目の質問です。