JavaScript Bingo Dodaj numer numer do listy
<html>
<head></head>
<body>
<div id="buttons">
<button onClick="callNum()">
Call bingo number
</button>
<button onClick="numCalled()">
Numbers called
</button>
<button onClick="setGame()">
Start/Reset Game
</button>
</div>
<div id="bingonumber"></div>
<div id="numberscalled"></div>
<script>
const numbers = new Set()
.add("B1")
.add("B2")
.add("B3")
.add("B4")
.add("B5")
.add("B6")
.add("B7")
.add("B8")
.add("B9")
.add("B10")
.add("B11")
.add("B12")
.add("B13")
.add("B14")
.add("B15")
.add("I16")
.add("I17")
.add("I18")
.add("I19")
.add("I20")
.add("I21")
.add("I22")
.add("I23")
.add("I24")
.add("I25")
.add("I26")
.add("I27")
.add("I28")
.add("I29")
.add("I30")
.add("N31")
.add("N32")
.add("N33")
.add("N35")
.add("N35")
.add("N36")
.add("N37")
.add("N38")
.add("N39")
.add("N40")
.add("N41")
.add("N42")
.add("N43")
.add("N44")
.add("N45")
.add("G46")
.add("G47")
.add("G48")
.add("G49")
.add("G50")
.add("G51")
.add("G52")
.add("G53")
.add("G54")
.add("G55")
.add("G56")
.add("G57")
.add("G58")
.add("G59")
.add("G60")
.add("O61")
.add("O62")
.add("O63")
.add("O64")
.add("O65")
.add("O66")
.add("O67")
.add("O68")
.add("O69")
.add("O70")
.add("O71")
.add("O72")
.add("O73")
.add("O74")
.add("O75")
let currentNumber = []
let previousNumber = []
function setGame() {
currentNumber = Array.from(numbers);
previousNumber = [];
document.getElementById('bingonumber').innerHTML = "Game time started";
}
function callNum() {
var index = Math.floor(Math.random() * currentNumber.length);
var remove = currentNumber.splice(index, 1);
document.getElementById('bingonumber').innerHTML = remove;
previousNumber.push(remove);
}
function numCalled() {
var prevoutput = "";
for (x = 0; x < previousNumber.length; x++) {
prevoutput += `${previousNumber[x]}<br/>`;
}
document.getElementById('numberscalled').innerHTML = prevoutput;
}
</script>
</body>
</html>
Perfect Puffin