Question

所以我有一个我正在制作的游戏的记分牌，如果按一个按钮就得到一分，这就是记分牌。但我希望如此，如果你达到10分，你将被带到另一个html，一个胜利的屏幕。

这是我的JS + HTML

<script type="text/javascript">
                var clicks1 = 0;
                function updateClickCount1(){
                    document.getElementById("clickCount1").innerHTML = clicks1;
                }
            </script>
            <button type="button" onclick='clicks1++;updateClickCount1()' id="push"> Score +1 </button>
            <div id="clickCount1">0</div>
        </div>

Answer 1

检查函数中的值，如果到达10，则重定向。

<script type="text/javascript">
    var clicks1 = 0;
    function updateClickCount1(){
        document.getElementById("clickCount1").innerHTML = clicks1;
        if(clicks1 == 10)
          window.location = 'newpahe.html';  
    }
</script>

Answer 2

<script>
    var clicks1 = 0;
     function updateClickCount1(){
       document.getElementById("clickCount1").innerHTML = ++clicks1;
        if(clicks1>9) window.location.href="victory.html";
     }
</script>

你可以这样设置你的计数器为0，在用户达到大于9的分数重定向到胜利页面后递增它

Answer 3

在更新功能中，检查点击次数是否大于或等于10.如果是这种情况，请使用window.location重定向

＆＃13;

var clicks1 = 0;

function updateClickCount1() {
  document.getElementById("clickCount1").innerHTML = ++clicks1;
  if(clicks1 >= 10)
    window.location = "victory.html";
}

＆＃13;

<button type="button" onclick='updateClickCount1()' id="push">Score +1</button>
<div id="clickCount1">0</div>

＆＃13;

达到金额时转发到其他html

3 个答案: