Javascript, готовить ie Счетчик кликов не обновляется - PullRequest
Новая
       10

Javascript, готовить ie Счетчик кликов не обновляется

0 голосов
/ 23 апреля 2020

Я только начал изучать js, и я пытаюсь сделать щелчок c cook ie, но я просто не могу понять, почему счетчик на странице не обновляется. 

<body>

    <div id="header">COOKIE CLICKER</div>
        <div id="container">
            <div id="counter">
                <div id="countertext">
                    <a id="cookieCount">0 Cookies</a>
                </div>
            </div>
            <div id="cookie">
                <a href>
                    <img id="cookieImage" src="images\cookie.png">
                </a>
            </div>
            <div id="upgrade">UPGRADE</div>
        </div>

</body>
<script src="cookie.js"></script> 
</html>

var cookieCount = document.getElementById('cookieCount');
var cookieCount = 0;
var cookieImage = document.getElementById('cookieImage');

// cookieImage.addEventListener('click', oneClick);



cookieImage.onClick = function() {
    cookieCount++;
    cookieCount.innerHTML = cookieCount + "Cookies";
};

1 Ответ

0 голосов
/ 23 апреля 2020

Прежде всего, ваш HTML документ должен иметь <html> открытый тег. Я создал пример, который работает для меня, и заменил изображение кнопкой, чтобы продемонстрировать.

Файл index.html: 

<html>                                                                                  
<body>                                                                                  
    <div id="header">COOKIE CLICKER</div>                                               
        <div id="container">                                                            
            <div id="counter">                                                          
                <div id="countertext">                                                  
                    <a id="cookieCount">0 Cookies</a>                                   
                </div>                                                                  
            </div>                                                                      
            <button id="cookieImage">                                                   
                Click                                                                   
            </button>                                                                   
            <div id="upgrade">UPGRADE</div>                                             
        </div>                                                                          
</body>                                                                                 
<script src="cookie.js"></script>-                                                      
</html>

Файл cookie.js: 

var cookieCount = document.getElementById('cookieCount');                               
var count = 0;                                                                          
var cookieImage = document.getElementById('cookieImage');                               


function onClick() {                                                                  
    count++;                                                                            
    cookieCount.innerHTML = count + " Cookies";                                         
};                                                                                      

cookieImage.addEventListener('click', onClick);

Проблема в вашем cookie.js заключается в том, что вы дважды использовали переменную cookieCount.

...