diff --git a/index.html b/index.html
index b2ffcf6..68bea1c 100644
--- a/index.html
+++ b/index.html
@@ -15,8 +15,14 @@
 <body>
     
     <h1>Hangman 2020 av Rolf Martin Glomsrud</h1>
-    <canvas id="myCanvas" width="200px" height="200px"></canvas>
-    <input type="button" id="testKnapp" width="40px" height="40px">
+    <canvas id="myCanvas"></canvas>
+    <div>
+        <input type="text" id="myText", value="">
+        <input type="button" id="testKnapp" width="40px" height="40px" value="Test!" onclick="testLetter()">
+    </div>
+    <h2>Feil:</h2>
+    <h2></h2>
+        
 
 
 
diff --git a/script.js b/script.js
index f3fdffc..fd99065 100644
--- a/script.js
+++ b/script.js
@@ -1,10 +1,91 @@
+var screenWidth = screen.width;
+var screenHeight = screen.height;
+partsTracker = 0
+
+var word = "babaganoush";
+var arrayWord = word.split("");
+
+
+for(i = 0; i<arrayWord.length; i++){
+
+}
+
+
 var c = get("myCanvas");
 var ctx = c.getContext("2d");
+ctx.canvas.width = 0.25 * screenWidth;
+ctx.canvas.height = 0.25 * screenHeight;
 ctx.moveTo(0, 0);
-ctx.lineTo(200, 100);
 ctx.stroke();
 
-
+function testLetter(){
+    stringToTest = get("myText");
+    console.log(stringToTest.value);
+}
+function draw(){
+    console.log(partsTracker);
+    if (partsTracker == 0){
+        partsTracker += 1
+        //draw platform
+        ctx.moveTo(0, 0);
+        ctx.moveTo(0.03*screenWidth, 0.23*screenHeight);
+        ctx.lineTo(0.08*screenWidth, 0.23*screenHeight);
+        ctx.stroke();
+        
+    }else if(partsTracker == 1){
+        partsTracker += 1
+        //draw pole
+        ctx.moveTo(0.08*screenWidth, 0.23*screenHeight);
+        ctx.moveTo(0.055*screenWidth, 0.23*screenHeight);
+        ctx.lineTo(0.055*screenWidth, 0.05*screenHeight);
+        ctx.stroke()
+        
+    }else if (partsTracker == 2){
+        partsTracker += 1
+        //draw linear pole
+        ctx.moveTo(0.055*screenWidth, 0.05*screenHeight);
+        ctx.lineTo(0.15*screenWidth, 0.05*screenHeight);
+        ctx.stroke();
+        
+    }else if (partsTracker == 3){
+        partsTracker +=1
+        //draw rope
+        ctx.moveTo(0.15*screenWidth, 0.05*screenHeight);
+        ctx.lineTo(0.15*screenWidth, 0.1*screenHeight);
+        ctx.stroke();
+        
+    }else if(partsTracker == 4){
+        //draw head
+        ctx.moveTo((0.15*screenWidth)+(0.012*screenWidth), 0.12*screenHeight);
+        ctx.arc(0.15*screenWidth, 0.12*screenHeight, 0.012*screenWidth,0, 2*Math.PI)
+        ctx.stroke();
+        partsTracker += 1
+    }else if(partsTracker == 5){
+        //draw body
+        ctx.moveTo(0.15*screenWidth, (0.12*screenHeight) + (0.021*screenHeight));
+        ctx.lineTo(0.15*screenWidth, 0.184*screenHeight);
+        ctx.stroke();
+        partsTracker += 1
+    }else if(partsTracker == 6){
+        //draw left leg
+        ctx.moveTo(0.15*screenWidth, 0.184*screenHeight);
+        ctx.lineTo(0.16*screenWidth, 0.21*screenHeight);
+        ctx.stroke();
+        partsTracker += 1
+    }else if(partsTracker == 7){
+        //draw right leg
+        ctx.moveTo(0.15*screenWidth, 0.184*screenHeight);
+        ctx.lineTo(0.14*screenWidth, 0.21*screenHeight);
+        ctx.stroke()
+        partsTracker += 1
+    }else if(partsTracker == 8){
+        // draw arms
+        ctx.moveTo(0.14*screenWidth, 0.16*screenHeight);
+        ctx.lineTo(0.16*screenWidth, 0.16*screenHeight);
+        ctx.stroke();
+        partsTracker += 1
+    }
+}
 function get(a){
     return document.getElementById(a);
 }
\ No newline at end of file
