diff --git a/index.html b/index.html
index 6ed4adc..2995b17 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,9 @@
         <li><a href="https://geokkjer.github.io/startit/JS_freecodecamp">JS video freecodecamp</a><br/> 
             <a href="https://www.youtube.com/watch?v=Zi-Q0t4gMC8">Video link</a></li>
         <li><a href="https://geokkjer.github.io/startit/MDN">MDN</a></li>
-        <li><a href="https://geokkjer.github.io/startit/the_good_parts">JavaScript: The good the_good_parts</a></li>
+        <li><a href="https://geokkjer.github.io/startit/the_good_parts">JavaScript: The good the_good_parts</a></li> 
+        <li><a href="https://geokkjer.github.io/startit/eloquentjavascript">Eloquent Javascript</a></li>
+            <a href="https://eloquentjavascript.net/">Book Link</a>
         </ol>
     </div>
 
diff --git a/intro_html/js.html b/intro_html/js.html
index a27ecc2..3c98497 100644
--- a/intro_html/js.html
+++ b/intro_html/js.html
@@ -57,7 +57,6 @@
     </div>
     <h3>Bla opp og ned</h3>
     <div style="display: flex;" id="numbersAndButtons">
-
     </div>
     <script>
         showNumber1();
@@ -76,27 +75,30 @@
         }
         function showNumber1() {
             document.getElementById('numbersAndButtons').innerHTML = /*HTML*/ `
-            <button onclick="showNumber4">◀</button>
+            <button onclick="showNumber4()">◀</button>
             <div style="width: 40px; text-align: center;">1</div>
-            <button onclick="showNumber2">▶</button>
+            <button onclick="showNumber2()">▶</button>
         `;
+        }
         function showNumber2() {
             document.getElementById('numbersAndButtons').innerHTML = /*HTML*/ `
-            <button onclick="showNumber1">◀</button>
+            <button onclick="showNumber1()">◀</button>
             <div style="width: 40px; text-align: center;">2</div>
-            <button onclick="showNumber3">▶</button>
+            <button onclick="showNumber3()">▶</button>
         `;
+        }
         function showNumber3() {
             document.getElementById('numbersAndButtons').innerHTML = /*HTML*/ `
-            <button onclick="showNumber2">◀</button>
+            <button onclick="showNumber2()">◀</button>
             <div style="width: 40px; text-align: center;">3</div>
-            <button onclick="showNumber4">▶</button>
+            <button onclick="showNumber4()">▶</button>
         `;
+        }
         function showNumber4() {
             document.getElementById('numbersAndButtons').innerHTML = /*HTML*/ `
-            <button onclick="showNumber3">◀</button>
-            <div style="width: 40px; text-align: center;">1</div>
-            <button onclick="showNumber1">▶</button>
+            <button onclick="showNumber3()">◀</button>
+            <div style="width: 40px; text-align: center;">4</div>
+            <button onclick="showNumber1()">▶</button>
         `;
         }
     </script>