When reached amount get forwarded to an other html

Question

So I have a scoreboard for a game I am making, if you press a button you get one point, this is the scoreboard. But I want to have it so that if you reach 10 points, you are taken to an other html, a victory screen.

This is my 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>

Possible duplicate of [How do I redirect with Javascript?](http://stackoverflow.com/questions/4744751/how-do-i-redirect-with-javascript) — Liam, Dec 16 '16 at 11:18

score 0 · Answer 1 · answered Nov 24 '16 at 14:00

Check the value within the function and redirect if it reached 10.

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

score 0 · Answer 2 · answered Nov 24 '16 at 14:00

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

you can do like this set your counter as 0, increment it after user reach the score greater than 9 redirect to the victory page

score 0 · Answer 3 · answered Nov 24 '16 at 14:05

Inside your update function, check if the number of clicks is greater or equal than 10. if it is the case use window.location to redirect

var clicks1 = 0;

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

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

When reached amount get forwarded to an other html

3 Answers3