JSFiddle - React, Tailwind, and code Playground
by TheDiamondDoge
JavaScript
let game1 = document.querySelectorAll('.var1'),
game2 = document.querySelectorAll('.var2'),
game3 = document.querySelectorAll('.var3');
let mirror = document.querySelector('.mirror'),
parfume = document.querySelector('.parfume'),
balerina = document.querySelector('.balerina'),
comb = document.querySelector('.comb'),
playingCard = document.querySelector('.playing_card'),
purse = document.querySelector('.purse'),
glassBird = document.querySelector('.glass_bird'),
apple = document.querySelector('.apple'),
book = document.querySelector('.book'),
basket = document.querySelector('.basket'),
fan = document.querySelector('.fan'),
shoe = document.querySelector('.shoe'),
objectsNames = document.querySelectorAll('.object-name'),
bg = document.querySelector('.bg'),
win = document.querySelector('.win');
let all = [mirror, balerina, parfume, comb, playingCard, purse, glassBird, apple, book, basket, fan, shoe],
arr1 = [mirror, balerina, parfume, comb],
arr2 = [playingCard, purse, glassBird, apple],
arr3 = [book, basket, fan, shoe],
arr = [];
let objectsNames1 = document.querySelectorAll('.wrapper .var1'),
objectsNames2 = document.querySelectorAll('.wrapper .var2'),
objectsNames3 = document.querySelectorAll('.wrapper .var3');
//1 - 3
let gameID = 2;
switch (gameID) {
case 1:
startGame(game1);
arr = arr1;
objects = objectsNames1;
break;
case 2:
startGame(game2);
arr = arr2;
objects = objectsNames2;
break;
case 3:
startGame(game3);
arr = arr3;
objects = objectsNames3;
break;
}
function startGame(game) {
game.forEach((item) => {
item.style.display = "block";
});
}
startGame(game1);
endGame(game2);
endGame(game3);
if...