|
|
|
@ -57,6 +57,7 @@ const centerFieldImage = document.querySelector('#center-field-image');
|
|
|
|
|
const bingoFields = document.querySelectorAll('#bingo td.bingo-field');
|
|
|
|
|
const refreshBingoButton = document.querySelector('#refresh-bingo');
|
|
|
|
|
const copyPermalinkButton = document.querySelector('#copy-permalink');
|
|
|
|
|
const winnerMessage = document.querySelector('#winner-message');
|
|
|
|
|
|
|
|
|
|
centerFieldImage.src = "img/7-vs-wild-logo.svg";
|
|
|
|
|
centerFieldImage.alt = "7 vs. Wild Logo";
|
|
|
|
@ -95,8 +96,8 @@ const checkForBingo = (field) => {
|
|
|
|
|
let clickedCol = parseInt(field.dataset.col);
|
|
|
|
|
|
|
|
|
|
//check horizontal and vertical axis
|
|
|
|
|
if (document.querySelectorAll(`#bingo td.bingo-field.drawn[data-row='${clickedRow}']`).length === 5
|
|
|
|
|
|| document.querySelectorAll(`#bingo td.bingo-field.drawn[data-col='${clickedCol}']`).length === 5) {
|
|
|
|
|
if (document.querySelectorAll(`#bingo td.drawn[data-row='${clickedRow}']`).length === 5
|
|
|
|
|
|| document.querySelectorAll(`#bingo td.drawn[data-col='${clickedCol}']`).length === 5) {
|
|
|
|
|
bingo = true
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -122,6 +123,7 @@ const checkForBingo = (field) => {
|
|
|
|
|
}
|
|
|
|
|
if (bingo) {
|
|
|
|
|
window.fireworks.start();
|
|
|
|
|
winnerMessage.classList.add('won');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -199,6 +201,7 @@ drawTable();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const redrawTable = function () {
|
|
|
|
|
winnerMessage.classList.remove('won');
|
|
|
|
|
bingoFields.forEach(elem => elem.classList.remove('drawn'));
|
|
|
|
|
seed = Date.now().toString();
|
|
|
|
|
drawTable();
|
|
|
|
|