diff --git a/index.html b/index.html
index 68bea1c..823f03e 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
   <meta name="description" content="The HTML5 Herald">
   <meta name="author" content="SitePoint">
 
-  <link rel="stylesheet" href="css/styles.css?v=1.0">
+  <link rel="stylesheet" href="main.css">
 
 </head>
 
@@ -22,6 +22,7 @@
     </div>
     <h2>Feil:</h2>
     <h2></h2>
+    <div id="ord"></div>
         
 
 
diff --git a/main.css b/main.css
index e69de29..3fe8c66 100644
--- a/main.css
+++ b/main.css
@@ -0,0 +1,8 @@
+.ord{
+    float: left;
+    padding: 5px;
+}
+#yikes {
+
+    overflow: hidden;
+}
\ No newline at end of file
diff --git a/script.js b/script.js
index fd99065..e622a74 100644
--- a/script.js
+++ b/script.js
@@ -7,10 +7,25 @@ var arrayWord = word.split("");
 
 
 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);
+}
+function testLetter(){
+    stringToTest = get("myText");
+    string = stringToTest.value;
+    if(word.includes(string)){
+        console.log("tikes");
+        var show = get(string);
+        show.style.visibility = "visible";
+    }
 
 }
 
-
 var c = get("myCanvas");
 var ctx = c.getContext("2d");
 ctx.canvas.width = 0.25 * screenWidth;
@@ -18,10 +33,7 @@ ctx.canvas.height = 0.25 * screenHeight;
 ctx.moveTo(0, 0);
 ctx.stroke();
 
-function testLetter(){
-    stringToTest = get("myText");
-    console.log(stringToTest.value);
-}
+
 function draw(){
     console.log(partsTracker);
     if (partsTracker == 0){
@@ -88,4 +100,5 @@ function draw(){
 }
 function get(a){
     return document.getElementById(a);
-}
\ No newline at end of file
+}
+