diff --git a/MVC/intro.html b/MVC/intro.html
index 272886d..f92a8c9 100644
--- a/MVC/intro.html
+++ b/MVC/intro.html
@@ -1,42 +1,64 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Intro</title>
 </head>
+
 <body>
     <div class="group">
         <div>Hei jeg heter</div>
-        <div id="namediv">...her kommer et navn</div>
+        <div id="namediv">...her kommer et navn<br></div>
     </div>
     <div class="group">
         <div>Jeg bor i</div>
-        <div id="placediv">..her kommer et sted</div>
+        <div id="placediv">..her kommer et sted<br></div>
     </div>
     <div class="group">
         <div>Min favorittmat er</div>
-        <div id="fooddiv">...her kommer en matrett</div>
+        <div id="fooddiv">...her kommer en matrett<br></div>
     </div>
 
     <button onclick="setFields()">Klikk her for å sett inn verdier</button>
+    Navn: <input type="text" onchange="setName(this.value)">
+    Sted: <input type="text" onchange="setPlace(this.value)">
+    Mat: <input type="text" onchange="setFood(this.value)">
 
     <script>
-        let name;
+
+        // Model
+        let fistName;
         let place;
         let food;
-        
-        function setFields(){
-            document.getElementById("namediv").innerHTML = "Geir";
-            document.getElementById("placediv").innerHTML = "Kristiansand";
-            document.getElementById("fooddiv").innerHTML = "Pizza";
+        // View
+        function setFields() {
+            document.getElementById("namediv").innerHTML = fistName;
+            document.getElementById("placediv").innerHTML = place;
+            document.getElementById("fooddiv").innerHTML = food;
 
         }
+        // Controller
+        function setName(nameInput) {
+            firstName = nameInput;
+            setFields();
+        }
+        function setPlace(placeInput) {
+            place = placeInput;
+            setFields();
+        }
+        function setFood(foodInput) {
+            food = foodInput;
+            setFields();
+        }
     </script>
     <style>
-        .group{
+        .group {
             display: flex;
+            padding: 1px;
         }
     </style>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/eloquentjavascript/data_structures.js b/eloquentjavascript/data_structures.js
index 58e68b3..67111a0 100644
--- a/eloquentjavascript/data_structures.js
+++ b/eloquentjavascript/data_structures.js
@@ -113,4 +113,22 @@ function phi(table) {
         (table[1] + table[3]) *
         (table[0] + table[2]));
 };
-// console.log(phi([76, 9, 4, 1]));
+function journalEvents(journal){
+  let events = [];
+  for (let entry of journal){
+    for (let event of entry.events){
+      if (!events.includes(event)){
+        events.push(event);
+      }
+    }
+  }
+  return events;
+}
+console.log(journalEvents(JOURNAL));
+
+for (let event of journalEvents(JOURNAL)){
+  let correlation = phi(tableFor(event, JOURNAL));
+  if (correlation > 0.1 || correlation < -0.1){
+    console.log(event + ":", correlation)
+  } 
+}
