From 2183bb7784a09f561a18fda9f15529094644b5a1 Mon Sep 17 00:00:00 2001
From: polsevev <rolf.martin@glomsrud.no>
Date: Wed, 15 Jan 2020 10:53:03 +0100
Subject: [PATCH] endelig ferdig med en del funk

---
 index.html |  6 ++++--
 main.css   |  9 ++++-----
 script.js  | 46 +++++++++++++++++++++++++++++-----------------
 3 files changed, 37 insertions(+), 24 deletions(-)

diff --git a/index.html b/index.html
index 27c901b..6ca83e8 100644
--- a/index.html
+++ b/index.html
@@ -21,10 +21,12 @@
         <input type="button" id="testKnapp" width="40px" height="40px" value="Test!" onclick="testLetter()">
     </div>
     <h2>Feil:</h2>
-    <ul id="wrongLetters"></ul>
+    <p id="wrongLetters"></p>
+    <h2>Antall forsøk igjen:</h2>
+    <p id="tries"></p>
     
     <h2>Ordet så langt:</h2>
-    <div id="ord"></div>
+    <p id="ord"></p>
         
 
 
diff --git a/main.css b/main.css
index 3fe8c66..55ca6aa 100644
--- a/main.css
+++ b/main.css
@@ -1,8 +1,7 @@
-.ord{
+#ord{
+    overflow: hidden;
+}
+.yikes {
     float: left;
     padding: 5px;
-}
-#yikes {
-
-    overflow: hidden;
 }
\ No newline at end of file
diff --git a/script.js b/script.js
index e622a74..43eb18a 100644
--- a/script.js
+++ b/script.js
@@ -1,28 +1,41 @@
 var screenWidth = screen.width;
 var screenHeight = screen.height;
-partsTracker = 0
+var partsTracker = 0
 
+var tries = 8;
 var word = "babaganoush";
 var arrayWord = word.split("");
+var whatTheUserSees = [];
+var feil = [];
 
-
-for(i = 0; i<arrayWord.length; i++){
-    var bokstav = document.createElement("P");
-    bokstav.setAttribute("class", "yikes");
-    bokstav.setAttribute("class", arrayWord[i]);
-    bokstav.style.visibility = "hidden";
-    bokstav.innerHTML = arrayWord[i];
-    var ordPlasement = get("ord");
-    ordPlasement.appendChild(bokstav);
+for (i=0; i < arrayWord.length; i++){
+    whatTheUserSees.push("_");
 }
+
+var whatTheUserSeesWord = whatTheUserSees.join("");
+document.getElementById("ord").innerHTML = whatTheUserSeesWord;
+get("tries").innerHTML = tries;
+
 function testLetter(){
-    stringToTest = get("myText");
-    string = stringToTest.value;
-    if(word.includes(string)){
-        console.log("tikes");
-        var show = get(string);
-        show.style.visibility = "visible";
+    var guess = get("myText").value;
+    if (arrayWord.includes(guess)){
+        for (i=0; i < arrayWord.length; i++){
+            if (guess == arrayWord[i]){
+                whatTheUserSees[i] = guess;
+            }
+        }
+    }else{
+        console.log(guess);
+        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;
 
 }
 
@@ -35,7 +48,6 @@ ctx.stroke();
 
 
 function draw(){
-    console.log(partsTracker);
     if (partsTracker == 0){
         partsTracker += 1
         //draw platform