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

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

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>

Всего 3 ответа


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

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>


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

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;
}

попробуй это

    <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>


Есть идеи?

10000