Lab15
This commit is contained in:
		
							
								
								
									
										110
									
								
								Chapter ZIPs/JavaScript/ch7/greg/gregs_hangman.html
									
									
									
									
									
										Executable file
									
								
							
							
						
						
									
										110
									
								
								Chapter ZIPs/JavaScript/ch7/greg/gregs_hangman.html
									
									
									
									
									
										Executable file
									
								
							@@ -0,0 +1,110 @@
 | 
			
		||||
<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>
 | 
			
		||||
		Reference in New Issue
	
	Block a user