HTML hit hit count

Я делаю бесконечную игру, и я хотел посчитать щелчки. Я пробовал все, но ничего не работало. Я начинаю программировать, но сейчас мне это нравится. Пожалуйста, помогите мне! Это код (2 вещи: 1. Извините за мой плохой английский, 2. Я попытался скопировать лучший способ код, но это не показывает Everthing):HTML hit hit count

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
     <style type=text/css> 
      .button { 
       background-color: red; 
       float: center; 
       width: 200px; 
       height: 200px; 
       margin-left: auto; 
       margin-right: auto; 
       display: block; 
       margin-top: 300px; 
       margin-bottom: 0%; 
      } 

      .body { 
       background-color: yellow; 
      } 

     </style> 
    </head> 

    <body class="body" id="body"> 
     <button onclick="myFunction()" class="button" style="font-size:50px" ; id="gomb">Nyomj meg!</button> 
     <script> 
      var count = 0; 
      var a = true; 
      var gomb = document.getElementById("gomb"); 
      var body = document.getElementById("body"); 

      gomb.onclick = function() { 
       if (a == true) { 
        gomb.style.background = "yellow"; 
        gomb.innerHTML = "Na még egyszer!"; 
        body.style.background = "red"; 
        a = false; 
       } else { 
        gomb.style.background = "red"; 
        body.style.background = "yellow"; 
        a = true; 
       } 
      }; 

      function myFunction() { 
       if (count == 5) { 
        gomb.style.display = "none" 
       } else { 
        count = count + 1; 
       }; 
      } 
     </script> 
    </body> 
</html>

источник

2016-01-16 Tabajdi Máté

Так что проблема, не отображается счетчик? Счет не увеличивается правильно? Каков ваш желаемый результат? – Andrew

Попробуйте изменить код:

window.addEventListener: это поможет вам изменить порядок кода, чтобы щелкнуть событие и указать переменные при загрузке страницы.

Использование addEventListener прикрепить событие элемента HTML

Это unusefull дать идентификатор и имя для тела.

var count = 0; 
 
var a = true; 
 
var gomb; 
 
var body; 
 

 
window.addEventListener('load', function(e) { 
 
    gomb = document.getElementById("gomb"); 
 
    body = document.getElementsByTagName('body')[0]; 
 

 
    gomb.addEventListener('click', function(e) { 
 
    if (a==true){ 
 
     gomb.style.background = "yellow"; 
 
     gomb.innerHTML="Na még egyszer!"; 
 
     body.style.background = "red"; 
 
     a = false; 
 
    } 
 
    else 
 
    { 
 
     gomb.style.background = "red"; 
 
     body.style.background = "yellow"; 
 
     a = true; 
 
    } 
 
    }); 
 
}); 
 

 
function myFunction(){ 
 
    if(count==5) { 
 
    gomb.style.display="none" 
 
    } 
 
    else 
 
    { 
 
    count=count+1; 
 
    }; 
 
}

.button{ 
 
    background-color:red; 
 
    float: center; 
 
    width: 200px; 
 
    height: 200px; 
 
    margin-left:auto; 
 
    margin-right:auto; 
 
    display:block; 
 
    margin-top:300px; 
 
    margin-bottom:0%; 
 
} 
 
body{ 
 
    background-color: yellow; 
 
}

<button onclick="myFunction()" class="button" style="font-size:50px"; id="gomb">Nyomj meg!</button>

источник

2016-01-16 16:16:59 gaetanoM

HTML hit hit count

ответ

Смежные вопросы