Hangman

A game of hangman which allows you to supply your own words.

Feel free to use this script yourself on any site that you wish, but if you do, please place a link from your website to mine, you can use the following HTML <a href="http://www.c-g-f.net/">JavaScript by Chris Fortey</a>

First place the following in the HEAD tag of the HTML document.

var to_guess = "";
var display_word = "";
var used_letters = "";
var wrong_guesses = 0;

function selectLetter(l)
{
if (can_play == false)
{
return;
}

if (used_letters.indexOf(l) != -1)
{
return;
}
	
used_letters += l;
document.game.usedLetters.value = used_letters;
	
if (to_guess.indexOf(l) != -1)
{
 // correct letter guess
pos = 0;
temp_mask = display_word;

while (to_guess.indexOf(l, pos) != -1)
{
pos = to_guess.indexOf(l, pos);			
end = pos + 1;

start_text = temp_mask.substring(0, pos);
end_text = temp_mask.substring(end, temp_mask.length);

temp_mask = start_text + l + end_text;
pos = end;
}

display_word = temp_mask;
document.game.displayWord.value = display_word;
		
if (display_word.indexOf("*") == -1)
{
// won
alert("Weldone, you have won!");
can_play = false;
}
}
else
{
// incortect letter guess
wrong_guesses += 1;
eval("document.hm.src=\"hm" + wrong_guesses + ".gif\"");
		
if (wrong_guesses == 10)
{
// lost
alert("Sorry, you have lost!");
can_play = false;
}
}
}

function reset()
{
selectWord();
document.game.usedLetters.value = "";
used_letters = "";
wrong_guesses = 0;
document.hm.src="hmstart.gif";
}

function selectWord()
{
can_play = true;
random_number = Math.round(Math.random() * (words.length - 1));
to_guess = words[random_number];
//document.game.theWord.value = to_guess;
	
// display masked word
masked_word = createMask(to_guess);
document.game.displayWord.value = masked_word;
display_word = masked_word;
}

function createMask(m)
{
mask = "";
word_lenght = m.length;

for (i = 0; i < word_lenght; i ++)
{
mask += "*";
}
return mask;
}

</script>

Save the following images to your computer (make sure you use the image name show below each image). The images should be saved in the same folder as the HTML document.

hmstart.gif

hm1.gif

hm2.gif

hm3.gif

hm4.gif

hm5.gif

hm6.gif

hm7.gif

hm8.gif

hm9.gif

hm10.gif

Place the follow code in the HTML document where you want the game to appear.

<form name="game">
<p>Display Word: <input type="text" name="displayWord"><br>
Used Letters: <input type="text" name="usedLetters"></p>
</form>

<p><a href="javascript:reset()">Start game / Reset game</a></p>

Finally, place the replace the start BODY tag with the following:

To change the words used, find the code that starts 'var words = new Array()'. Words for the game appear inbetween the brakets in double quotes, with a comma sperating the words.

For exampe to use the words APPLE and PEARS the code would be: var words = new Array("APPLE", "PEARS")

To use the words APPLE, PEARS and STAIRS and the code would be: var words = new Array("APPLE", "PEARS", "STAIRS")

Words should be in uppercase.

A | B | C | D | E | F | G | H | I | J | K | L M
N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Start game / Reset game

Back to downloads