2020-02-14
정리
: Javascript30을 공부한 내용 기록
참조용 전체 코드.
const holes = document.querySelectorAll('.hole');
const scoreBoard = document.querySelector('.score');
const moles = document.querySelectorAll('.mole');
let lastHole;
let timeUp = false;
let score = 0;
const randomTime = (min, max) => {
return Math.round(Math.random() * (max - min) + min);
};
const randomHole = (holes) => {
const idx = Math.floor(Math.random() * holes.length);
const hole = holes[idx];
if (hole === lastHole) {
console.log('Ah nah thats the same one bud');
return randomHole(holes);
}
lastHole = hole;
return hole;
};
const peep = () => {
const time = randomTime(200, 1000);
const hole = randomHole(holes);
hole.classList.add('up');
setTimeout(() => {
hole.classList.remove('up');
if (!timeUp) peep();
}, time);
};
const startGame = () => {
scoreBoard.textContent = 0;
timeUp = false;
score = 0;
peep();
setTimeout(() => (timeUp = true), 10000);
};
const bonk = (e) => (target) => {
if (!e.isTrusted) return; // cheater!
score++;
target.parentNode.classList.remove('up');
scoreBoard.textContent = score;
};
moles.forEach((mole) => mole.addEventListener('click', (e) => bonk(e)(mole)));
👋