JSFiddle - React, Tailwind, and code Playground

by kukicvladimir

HTML

<div>
<label for="votes1">Votes for Candidate 1</label> <input type="number" class="count" id="votes1" readonly>
</div>
<div>
<label for="votes2">Votes for Candidate 2</label> <input type="number" class="count" id="votes2" readonly>
</div>
<div>
<label for="votes3">Votes for Candidate 3</label> <input type="number" class="count"  id="votes3" readonly>
</div>
<script src="test.js"></script>

JavaScript

var votingData = {
  voting: [
    [
      336122, 612446, 711326
    ],
    [
      4663122, 7001244, 822506
    ],
    [
      10437916, 12443910, 930971
    ],
    [
      17623004, 18680779, 1060304
    ],
    [
      24179347, 21991292, 1175930
    ]
  ]
};


function updateVoteCount(array) {
	"use strict";
	for (var i = 0, l = votingData.voting.length; i < l; i++) {
    var voteArray = votingData.voting[i];
    console.log(voteArray);
    
    document.getElementById("votes1").value = voteArray[0];
		document.getElementById("votes2").value = voteArray[1];
		document.getElementById("votes3").value = voteArray[2];
    
    }
}


var timeDelayMs = 5000; // 5-second delay
	function voteUpdates(voting,myIndex) {
	"use strict";
	
	if ( voting.length > myIndex ) {
		updateVoteCount(voting[myIndex]);
		setTimeout(voteUpdates, timeDelayMs, voting, myIndex+1);
	}
}

voteUpdates(voting[0]);