-
Notifications
You must be signed in to change notification settings - Fork 13
/
hangman.js
117 lines (107 loc) · 3.91 KB
/
hangman.js
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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
/**
* Hangman in Vanilla Javascript
* @see https://github.com/jelofsson/hangman-js
* @author jelofsson
**/
var Hangman = (function () {
'use strict';
/**
* Constructor
* @param {string} elId An ID used in this class and when rendering the DOM Elements
*/
function Hangman(elId) {
// DOM is ready
this.elId = elId;
// Possible words
this.words = [
'PROGRAMMER', 'BRAINSTORM', 'CREATIVE', 'LOLLIPOP',
'CULTURE', 'RAZORSHARP', 'SCREWDRIVER', 'TYPEWRITER'
];
}
/**
* Resets the hangman game
*/
Hangman.prototype.reset = function () {
// Variables
this.STOPPED = false;
this.MISTAKES = 0;
this.GUESSES = [];
// Select a random word from the list
this.WORD = this.words[Math.floor(Math.random() * this.words.length)];
// DOM Elements
this.hideElementByClass('h');
this.showElementByIdWithContent(this.elId + "_guessbox", null);
this.showElementByIdWithContent(this.elId + "_word", this.getGuessedfWord());
};
/**
* Logic after the user guessed on a letter
*
* @param {char} letter A letter guessed by our enduser
*/
Hangman.prototype.guess = function (letter) {
letter = letter.charAt(0).toUpperCase();
// Check if game is stopped or the user already guessed on that letter
if (this.STOPPED || this.GUESSES.indexOf(letter) > -1) {
// Then we wont do anything
return;
}
// Add the letter to our GUESSES array
this.GUESSES.push(letter);
// Update the word hint, and guessed letter list for the user
this.showElementByIdWithContent(this.elId + "_word", this.getGuessedfWord());
this.showElementByIdWithContent(this.elId + "_guesses", this.GUESSES.join(''));
// Check if our word does not contain the guessed letter
if (this.WORD.indexOf(letter) < 0) {
// Incorrect guess, increase our mistakes by one
this.MISTAKES++;
// Show next part of hangman character
this.showElementByIdWithContent(this.elId + "_" + this.MISTAKES, null);
// Check if its Game Over
if (this.MISTAKES === 6) {
this.showElementByIdWithContent(this.elId + "_end", "GAME OVER!<br/>The word was: " + this.WORD);
this.STOPPED = true;
}
} else if (this.WORD.indexOf(this.getGuessedfWord()) !== -1) {
// Victory condition
this.showElementByIdWithContent(this.elId + "_end", "You made it!<br/>The word was: " + this.WORD);
this.STOPPED = true;
}
};
/**
* Displays HTML element by id with the following content
*
* @param {string} elId DOM ID
* @param {HTML} content
*/
Hangman.prototype.showElementByIdWithContent = function (elId, content) {
if (content !== null) {
document.getElementById(elId).innerHTML = content;
}
document.getElementById(elId).style.opacity = 1;
};
/**
* Hides element by class
*
* @param {string} elClass DOM class
*/
Hangman.prototype.hideElementByClass = function (elClass) {
var elements = document.getElementsByClassName(elClass), i;
for (i = 0; i < elements.length; i++) {
elements[i].style.opacity = 0;
}
};
/**
* The word but only with letters the user has guessed so far is visible
*/
Hangman.prototype.getGuessedfWord = function () {
var result = "", i;
for (i = 0; i < this.WORD.length; i++) {
// Word characters
result += (this.GUESSES.indexOf(this.WORD[i]) > -1) ?
this.WORD[i] : "_";
}
return result;
};
// Create and return an instance of this class, its go time!
return new Hangman('hangm');
}());