javascript - Error with selecting objects within an array -

i writing code board game app. have written simple piece of code determine player's position mathrandom. outcome of mathrandom tells array select 1 of 4 objects (the players) , add outcome position. added piece of code @ start of function move in array , select next player each time click "roll dice" button player gets more value position.

the problem after i've gone through entire array , arrive @ [0] position runs code twice first player gets function twice , other players once.

this code:

var players = [ {name: "player 1", positie: 0}, {name: "player 2", positie: 0}, {name: "player 3", positie: 0}, {name: "player 4", positie: 0} ]; var position = 0; var currentplayer = players[position];  function rolclick(){ currentplayer = players[position++]; if (position > players.length){     position = 0;     currentplayer = players[position]; } var rollen = math.floor(math.random() * 6) + 1; if (rollen === 1){     currentplayer.positie += 1;     console.log("het 1") }else if(rollen === 2){     currentplayer.positie += 2;     console.log("het 2") }else if(rollen === 3){     currentplayer.positie += 3;     console.log("het 3") }else if(rollen === 4){     currentplayer.positie += 4;     console.log("het 4") }else if(rollen === 5){     currentplayer.positie += 5;     console.log("het 5") }else if(rollen === 6){     currentplayer.positie += 6;     console.log("het 6") }else {     console.log("oops, er iets fout gegaan.") }; console.log(currentplayer); }; 

html

<button>   rol de dobbelsteen </button> <span></span> 

javascript

var players = [ {name: "player 1", positie: 0}, {name: "player 2", positie: 0}, {name: "player 3", positie: 0}, {name: "player 4", positie: 0} ]; var position = 0; var currentplayer = null;  function rolclick(){   if (position >= players.length){       position = 0;   }   console.log("position", position);   currentplayer = players[position++];     var rollen = math.floor(math.random() * 6) + 1;    currentplayer.positie += rollen;    $("span").html("je hebt " + rollen + " gerold voor " + currentplayer.name); };  $("button").click(function() {     rolclick(); }); 

---

var players = [{    name: "player 1",    positie: 0  }, {    name: "player 2",    positie: 0  }, {    name: "player 3",    positie: 0  }, {    name: "player 4",    positie: 0  }];  var position = 0;  var currentplayer = null;    function rolclick() {    if (position >= players.length) {      position = 0;    }    console.log("position", position);    currentplayer = players[position++];      var rollen = math.floor(math.random() * 6) + 1;    currentplayer.positie += rollen;    $("span").html("je hebt " + rollen + " gerold voor " + currentplayer.name);  };    $("button").click(function() {    rolclick();  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <button>    rol de dobbelsteen  </button>  <span></span>