polsevev/hangman
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

yikes

Browse source
This commit is contained in:
Rolf Martin Glomsrud 2020-01-15 12:27:17 +01:00
parent 2183bb7784
commit 741cc2ace1
2 changed files with 83 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
index.html
View file

@ -17,8 +17,15 @@
<h1>Hangman 2020 av Rolf Martin Glomsrud</h1> <h1>Hangman 2020 av Rolf Martin Glomsrud</h1>
<canvas id="myCanvas"></canvas> <canvas id="myCanvas"></canvas>
<div> <div>
<input type="text" id="myText", value=""> <h2>Gjett bokstaver</h2>
<input type="button" id="testKnapp" width="40px" height="40px" value="Test!" onclick="testLetter()"> <input type="text" id="myText" value="" onkeyup="if(event.keyCode===13) {event.preventDefault(); sjekkBokstav();}">
<input type="button" id="testKnapp" width="40px" height="40px" value="Test!" onclick="sjekkBokstav()">
</div>
<div>
<h2>Gjett ord</h2>
<input type="text" id="myTextWord" onkeyup="if(event.keyCode===13) {event.preventDefault(); sjekkOrd();}">
<input type="button" id="testOrdKnapp" width="40px" height="40px" value="Test ord!" onclick="sjekkOrd()">
</div> </div>
<h2>Feil:</h2> <h2>Feil:</h2>
<p id="wrongLetters"></p> <p id="wrongLetters"></p>
@ -27,14 +34,8 @@
<h2>Ordet så langt:</h2> <h2>Ordet så langt:</h2>
<p id="ord"></p> <p id="ord"></p>
<script src="script.js"></script> <script src="script.js"></script>
<h2 id="result"></h2>
</body> </body>
</html> </html>

91
script.js
View file

@ -2,12 +2,14 @@ var screenWidth = screen.width;
var screenHeight = screen.height; var screenHeight = screen.height;
var partsTracker = 0 var partsTracker = 0
var tries = 8; var guessed = [];
var tries = 9;
var word = "babaganoush"; var word = "babaganoush";
var arrayWord = word.split(""); var arrayWord = word.split("");
var whatTheUserSees = []; var whatTheUserSees = [];
var feil = []; var feil = [];
for (i=0; i < arrayWord.length; i++){ for (i=0; i < arrayWord.length; i++){
whatTheUserSees.push("_"); whatTheUserSees.push("_");
} }
@ -16,26 +18,77 @@ var whatTheUserSeesWord = whatTheUserSees.join("");
document.getElementById("ord").innerHTML = whatTheUserSeesWord; document.getElementById("ord").innerHTML = whatTheUserSeesWord;
get("tries").innerHTML = tries; get("tries").innerHTML = tries;
function testLetter(){
var guess = get("myText").value; function sjekkOrd(){
if (arrayWord.includes(guess)){ var guessOrd = get("myTextWord").value;
for (i=0; i < arrayWord.length; i++){ get("myTextWord").innerHTML = "";
if (guess == arrayWord[i]){ if (guessOrd == get("ord").innerHTML){
whatTheUserSees[i] = guess; alert("Spillet er over")
} }else if(guessed.includes(guessOrd)){
} alert("Du har allerede gjettet det ordet!")
}else{ }else{
console.log(guess); testWord();
tries -= 1;
feil.push(guess);
var earlier = get("wrongLetters").innerHTML;
var nyInner = earlier + " " + guess;
get("wrongLetters").innerHTML = nyInner;
get("tries").innerHTML = tries;
draw();
} }
var whatTheUserSeesWord = whatTheUserSees.join(""); }
document.getElementById("ord").innerHTML = whatTheUserSeesWord;
function testWord(){
if (tries <= 0){
alert("Spillet er ferdig, venligst restart siden for å prøve igjen");
get("myText").value = "";
}else{
var guessedWord = get("myTextWord").value;
guessed.push(guessedWord);
if (word == guessedWord){
get("result").innerHTML = "Gratulerer, du gjettet ordet!";
get("ord").innerHTML = word;
}
}
}
function sjekkBokstav(){
var guess = get("myText").value;
console.log(guess);
if (guessed.includes(guess)){
alert("Du har allerede gjettet den bokstaven, venligst gjett en ny!");
}else{
testLetter();
}
}
function testLetter(){
if (tries <= 0 || get("ord").innerHTML == word){
alert("Spillet er ferdig, venligst restart siden for å prøve igjen");
get("myText").value = "";
}else{
console.log(guessed);
var guess = get("myText").value;
guessed.push(guess);
if (arrayWord.includes(guess)){
for (i=0; i < arrayWord.length; i++){
if (guess == arrayWord[i]){
whatTheUserSees[i] = guess;
}
}
}else{
tries -= 1;
feil.push(guess);
var earlier = get("wrongLetters").innerHTML;
var nyInner = earlier + " " + guess;
get("wrongLetters").innerHTML = nyInner;
get("tries").innerHTML = tries;
draw();
}
var whatTheUserSeesWord = whatTheUserSees.join("");
document.getElementById("ord").innerHTML = whatTheUserSeesWord;
if (tries == 0){
get("result").innerHTML = "Beklager, du tapte";
}else if(whatTheUserSeesWord == word){
get("result").innerHTML = "Gratulerer, du gjettet ordet!";
}
get("myText").value = "";
}
} }