Как увеличить значение идентификатора на 1 (Javascript)

Question

Я не могу получить значение 0 для увеличения всякий раз, когда получаю указанную c строку, например, я получаю строку H, и это должно увеличить это id = "число" на 1. Это простые головы или хвосты Программа, которую я учусь писать.

var coin = ['H', 'T']

function randomFlip() {
  var randomFlip = Math.floor(Math.random() * (coin.length));
  document.getElementById('hort').innerHTML = coin[randomFlip];

}

<div class="number">0</div>

<div id="hort" style="text-align: center;">null</div>

<button onclick="randomFlip()" onclick="increase()">Flip the coin.</button>

Answer 1

increase() может проверить значение innerHTML, чтобы увидеть, является ли оно H, а затем увеличить число.

var coin = ['H', 'T']

function randomFlip() {
  var randomFlip = Math.floor(Math.random() * (coin.length));
  document.getElementById('hort').innerHTML = coin[randomFlip];
}

function increase() {
  var flip = document.getElementById('hort').innerHTML;
  if (flip == 'H') {
    document.querySelector(".number").innerText++;
  }
}

<div class="number">0</div>

<div id="hort" style="text-align: center;">null</div>

<button onclick="randomFlip();increase()">Flip the coin.</button>

Answer 2

попробуйте

    <div class="number" id='flips'>0</div>
    
    <div id="hort" style="text-align: center;">null</div>
    <script>
        var coin = ['H', 'T'];
        flips = 0;
    
    
    
        function randomFlip() {
            var randomFlip = Math.floor(Math.random() * (coin.length));
            document.getElementById('hort').innerHTML = coin[randomFlip];
            if(!randomFlip){
            flips++;
            document.getElementById('flips').innerHTML = flips;
            }
    
        }
    </script>
    <button onclick="randomFlip()">Flip the coin.</button>

Answer 3

Сохранить счет в переменной, затем увеличить его и обновить значение в элементе.

var count = 0

function randomFlip() {
  var randomFlip = Math.floor(Math.random() * (coin.length));
  document.getElementById('hort').innerHTML = coin[randomFlip];
  count = count + 1;
  document.getElementsByClassName("number")[0].innerHTML = count;
}