Skip to content
Permalink
2aeda7d873
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Final/index.html

Go to file
 
 
Cannot retrieve contributors at this time
76 lines (66 sloc) 3.48 KB
Raw Blame
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Add your site or application content here -->
<div id="instructions">
<h2>Instructions</h2>
<ul>
<li>Try to guess the secret password!</li>
<li>To play, select "Use a random word," then select a difficulty</li>
<li>If you have friends, you can enter a word into the bar and choose "Use my Word," to use any word you like! See if your friends can guess!</li>
<li>When you guess, You will get a series of green, red, and yellow lights.</li>
<ul>
<li>Green means that letter is correct</li>
<li>Yellow means the letter is in the wrong spot</li>
<li>Red means that letter isn't present in the word.</li>
</ul>
</ul>
</div>
<h1>Password!</h1>
<div id="wordlength"></div>
<div id="hud"></div>
<form id="Game" onsubmit="go()">
<input type="text" id="wordInput" placeholder="Type your own password!" onsubmit="go()">
<button type="button" id="useUserWord">Use my word</button>
<button type="button" id="useExistingWord">Use a random word</button>
<button type="button" id="GuessButton" class="hidden">Guess!</button>
<button type="button" id="replayButton" class="hidden">Play again?</button>
<button type="button" id="easybtn" class="hidden">Easy 3-5 letters</button>
<button type="button" id="mediumbtn" class="hidden">Medium 5-7 letters</button>
<button type="button" id="hardbtn" class="hidden">Hard 7-10 letters</button>
<button type="button" id="impossiblebtn" class="hidden">Impossible. Don't pick this one.</button>
</form>
<div id="log">
<div id="guesses"></div>
<div id="feedback"></div>
</div>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>