时间戳

首页 > 解决方案 > 为什么计数器不增加

javascript - 为什么计数器不增加

问题描述

请帮我解决这个代码伙计们我被困在这里我是 JavaScript 新手，这就是为什么我无法解决这个简单的错误

 <!DOCTYPE html>
    <html>
        <head>
            <title>Page Title</title>

            <script>
                var scr1 = 0;
    var scr2 = 0;
    var counter = 0;

    window.onload = function () {
    var YS = document.getElementById("YS");
    var CS = document.getElementById("CS");
    var mid = document.getElementById("mid");

    YS.innerHTML = "Your Score :  " + scr1 + counter  ;
    CS.innerHTML = "Com Score  :  " + scr2 ;

     }


    function srt() {
         counter++;
    }
            </script>
        </head>
        <body>
        <h2 class="scr1" id="YS">Your Score :</h1>
        <h2 class="scr2" id="CS">Com Score :</h2>
        <br />
        <br />
        <center>
        <div class="mid" id="mid"><p>0</p></p></div>
        <div class="srt" id="none" onclick="srt()">
            <h4>Start</h4>
        </div>
        </center>

        </body>
    </html>

我希望你能理解我的问题，如果可以的话请帮助我

提前致谢

标签： javascripthtml

解决方案

您的计数器正在增加，但在增加时您没有显示更改。

 <!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
        <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
        <meta content="utf-8" http-equiv="encoding">
        <script>
        var scr1 = 0;
        var scr2 = 0;
        var counter = 0;

        window.onload = function () {
            var YS = document.getElementById("YS");
            var CS = document.getElementById("CS");
            var mid = document.getElementById("mid");

        }


        function srt() {
            console.log(counter);
            counter++;

            YS.innerHTML = "Your Score :  " + scr1 + counter  ;
            CS.innerHTML = "Com Score  :  " + scr2 ;
        }
        </script>
    </head>
    <body>
    <h2 class="scr1" id="YS">Your Score :</h1>
    <h2 class="scr2" id="CS">Com Score :</h2>
    <br />
    <br />
    <center>
    <div class="mid" id="mid"><p>0</p></p></div>
    <div class="srt" id="none" >
        <button onclick="srt()">Start</button>
    </div>
    </center>

    </body>
</html>

下次使用console.log()进行调试

推荐阅读