2020-01-13 18:16:42 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
|
|
|
|
<title>The HTML5 Herald</title>
|
|
|
|
|
<meta name="description" content="The HTML5 Herald">
|
|
|
|
|
<meta name="author" content="SitePoint">
|
|
|
|
|
|
2020-01-14 12:04:21 +00:00
|
|
|
<link rel="stylesheet" href="main.css">
|
2020-01-13 18:16:42 +00:00
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<h1>Hangman 2020 av Rolf Martin Glomsrud</h1>
|
2020-01-13 19:44:24 +00:00
|
|
|
<canvas id="myCanvas"></canvas>
|
2020-01-15 12:01:42 +00:00
|
|
|
<div class="guessField">
|
2020-01-15 11:27:17 +00:00
|
|
|
<h2>Gjett bokstaver</h2>
|
2020-01-15 12:01:42 +00:00
|
|
|
<input type="text" id="myText" class="css-input" value="" onkeyup="if(event.keyCode===13) {event.preventDefault(); sjekkBokstav();}">
|
|
|
|
|
<input type="button" class="myButton" id="testKnapp" width="40px" height="40px" value="Test!" onclick="sjekkBokstav()">
|
2020-01-15 11:27:17 +00:00
|
|
|
</div>
|
|
|
|
|
|
2020-01-15 12:01:42 +00:00
|
|
|
<div class="guessField">
|
2020-01-15 11:27:17 +00:00
|
|
|
<h2>Gjett ord</h2>
|
2020-01-15 12:01:42 +00:00
|
|
|
<input type="text" class="css-input" id="myTextWord" onkeyup="if(event.keyCode===13) {event.preventDefault(); sjekkOrd();}">
|
|
|
|
|
<input type="button" class="myButton" id="testOrdKnapp" width="40px" height="40px" value="Test ord!" onclick="sjekkOrd()">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="resultField">
|
|
|
|
|
<h2>Feil:</h2>
|
|
|
|
|
<p id="wrongLetters"></p>
|
|
|
|
|
<h2>Antall forsøk igjen:</h2>
|
|
|
|
|
<p id="tries"></p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="resultField1">
|
|
|
|
|
<h2>Ordet så langt:</h2>
|
|
|
|
|
<p id="ord"></p>
|
|
|
|
|
<script src="script.js"></script>
|
2020-01-13 19:44:24 +00:00
|
|
|
</div>
|
2020-01-15 11:27:17 +00:00
|
|
|
<h2 id="result"></h2>
|
2020-01-13 18:16:42 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
