111 lines
3.1 KiB
HTML
111 lines
3.1 KiB
HTML
<html>
|
|
<head>
|
|
<title>Greg's Gambits | Hangman</title>
|
|
<link href="greg.css" rel="stylesheet" type="text/css" />
|
|
<script type="text/javascript" src="mySource.js"></script>
|
|
<script>
|
|
function startHangman()
|
|
{
|
|
var nooseCount = 0;
|
|
var wordNum = Math.floor((Math.random()*9)+1);
|
|
var picture = "pic" + wordNum + ".jpg";
|
|
switch(wordNum)
|
|
{
|
|
case 1:
|
|
word = "ghost"; break;
|
|
case 2:
|
|
word = "horse"; break;
|
|
case 3:
|
|
word = "insect"; break;
|
|
case 4:
|
|
word = "celery"; break;
|
|
case 5:
|
|
word = "pelican"; break;
|
|
case 6:
|
|
word = "jewelbox"; break;
|
|
case 7:
|
|
word = "castle"; break;
|
|
case 8:
|
|
word = "monster"; break;
|
|
case 9:
|
|
word = "bunny"; break;
|
|
}
|
|
alert("Hehehehe... We're cheater's. WORD = " + word );
|
|
var newWord = ""; var win = false;
|
|
var lgth = word.length; var guessLetter; var goodGuess = false;
|
|
for (var i = 0; i < lgth; i++)
|
|
newWord = newWord + "_ ";
|
|
document.getElementById("noose").innerHTML = ("<img src ='images/hangman0.gif' />");
|
|
document.getElementById("game").innerHTML = newWord;
|
|
while (win == false && nooseCount < 10)
|
|
{
|
|
goodGuess = false;
|
|
guessLetter = prompt("Guess a letter");
|
|
for (var j = 0; j < lgth; j++)
|
|
{
|
|
if (guessLetter == word.charAt(j))
|
|
{
|
|
goodGuess = true;
|
|
var offSet = 2*j;
|
|
newWord = setCharAt(newWord, offSet, guessLetter);
|
|
}
|
|
}
|
|
document.getElementById("game").innerHTML = newWord;
|
|
win = checkWord(word, newWord);
|
|
if (win == true)
|
|
{
|
|
document.getElementById("result").innerHTML = ("You win!");
|
|
document.getElementById("noose").innerHTML = ("<img src = '" + picture + "' />");
|
|
}
|
|
else if (win == false)
|
|
{
|
|
document.getElementById("result").innerHTML = ("not a winner yet");
|
|
if (goodGuess == false)
|
|
nooseCount = nooseCount + 1;
|
|
document.getElementById("noose").innerHTML = ("<img src ='images/hangman" + nooseCount + ".gif' />");
|
|
}
|
|
}
|
|
}
|
|
function checkWord(word, otherWord)
|
|
{
|
|
var cleanWord;
|
|
cleanWord = otherWord;
|
|
cleanWord = otherWord.replace(/ /g, "");
|
|
if (word == cleanWord)
|
|
return true;
|
|
else
|
|
return false;
|
|
}
|
|
function setCharAt(str,index,chr)
|
|
{
|
|
if(index > str.length-1)
|
|
return str;
|
|
return str.substr(0,index) + chr + str.substr(index+1);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<img src="images/superhero.jpg" class="floatleft" />
|
|
<h1 id="logo"><em>The Game of Hangman</em></h1>
|
|
<h2 align="center">Greg Challenges You to a Game of Hangman</h2>
|
|
<p> </p>
|
|
<div id="nav">
|
|
<p><a href="index.html">Home</a>
|
|
<a href="greg.html">About Greg</a>
|
|
<a href="play_games.html">Play a Game</a>
|
|
<a href="sign.html">Sign In</a>
|
|
<a href="contact.html">Contact Us</a></p>
|
|
</div>
|
|
<div id="content" style="width: 600px; margin-left: auto; margin-right: auto;">
|
|
<p><input type="button" value = "Start the game" onclick="startHangman();" /></p>
|
|
<div id = "noose" class = "floatright"><img src ="images/hangman10.gif" /></div>
|
|
<div id = "game"><p> </p></div>
|
|
<div id = "result"><p> </p></div>
|
|
</div>
|
|
<div id="footer">Copyright © 2013 Greg's Gambits<br />
|
|
<a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a></div>
|
|
</div>
|
|
</body>
|
|
</html>
|