snakey/dom-elements.js at main · pablolimo/snakey · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
function getSuccessModal () {
	return document.querySelector('#notify-success');
}

function getReStartOnSuccessButton () {
	return document.querySelector('#notify-success input');
}

function getDefeatModal () {
	return document.querySelector('#notify-defeat');
}

function getReStartOnDefeatButton () {
	return document.querySelector('#notify-defeat input');
}

function getNextLevelModal () {
	return document.querySelector('#notify-next-lvl');
}

function getNextLevelButton () {
	return document.querySelector('#notify-next-lvl input');
}

function hideModalSuccess ( hide = true ) {
	getSuccessModal().classList.toggle('hidden', hide);
	if (!hide) {
		getReStartOnSuccessButton().focus();
	}
}

function hideModalNextLevel ( hide = true ) {
	getNextLevelModal().classList.toggle('hidden', hide);
	if (!hide) {
		getNextLevelButton().focus();
	}
}

function hideModalDefeat ( hide = true ) {
	getDefeatModal().classList.toggle('hidden', hide);
	if (!hide) {
		getReStartOnDefeatButton().focus();
	}
}

function updateModalNextLvl (level = 0) {
	document.getElementById('msg-next-lvl').textContent = `LVL ${level + 1}`;
	hideModalNextLevel(false);
}

function updateScore (score) {
	document.getElementById('score').textContent = `SCORE ${score}`;
}

function updateLevel (levelNumber) {
	document.getElementById('level').textContent = `LVL ${levelNumber + 1}`;
}

function addDomEvents (restart, nextLevel) {
	getReStartOnDefeatButton().addEventListener('click', () => {
		hideModalDefeat(true);
		restart();
	});

	getReStartOnDefeatButton().addEventListener('keypress', (e) => {
		e.preventDefault();
		if (e.key === 'Enter') {
			hideModalDefeat(true);
			restart();
		}
	});

	getNextLevelButton().addEventListener('click', () => {
		hideModalNextLevel(true);
		nextLevel();
	});

	getNextLevelButton().addEventListener('keypress', (e) => {
		e.preventDefault();
		if (e.key === 'Enter') {
			hideModalNextLevel(true);
			nextLevel();
		}
	});

	getReStartOnSuccessButton().addEventListener('click', () => {
		hideModalSuccess(true);
		restart();
	});

	getReStartOnSuccessButton().addEventListener('keypress', (e) => {
		e.preventDefault();
		if (e.key === 'Enter') {
			hideModalSuccess(true);
			restart();
		}
	});
}