diff --git a/css/style.css b/css/style.css
index d17d83a..78992ca 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,9 +1,17 @@
 body {
-    background-color: navy;
+    background-color: white
 }
 
-
-object {
-    height: 100vh;
-    width: 100vh;
+button
+{
+    color: white;
+    background-color: #4CAF50;
+    width: 100px;
+    height: 50px;
+    border-radius: 10px;
+    
+}
+input{
+    border-style: none;
 }
+
diff --git a/index.html b/index.html
index ef9a207..3db7449 100644
--- a/index.html
+++ b/index.html
@@ -11,8 +11,12 @@
   <meta name="author" content="">
 
   <link href="./css/style.css" rel="stylesheet">
-  <script type="text/javascript" src="./js/header-functions.js"></script>
   <script type="text/javascript" src="./js/slide22.js"></script>
+  <script type="text/javascript" src="./js/slide23.js"></script>
+  <script type="text/javascript" src="./js/slide24.js"></script>
+  <script type="text/javascript" src="./js/slide25.js"></script>
+  <script type="text/javascript" src="./js/slide26.js"></script>
+  <script type="text/javascript" src="./js/header-functions.js"></script>
 
 </head> <!-- header ends here -->
 <!-- ----------------------------------------------------------------- -->
@@ -34,10 +38,13 @@
 <!-- ---------------------------------------------------------------------------------- -->
 <!-- ---------------------------------------------------------------------------------- -->
 <body> <!-- body begins here -->
+  <div><button type="button"  onclick="valid()"> Slide 22</button> <input type="text" id="squared"></div>
+  
+  <div><button type="button" onclick="upperLimit()">Slide 23</button> <input type="text" id="interval"></div>
 
+  <div><button type="button" onclick="editArray()">Slide 24</button> <input type="text" id="data"></div>
 
-  The quickest of brown foxes.
-
+  <div><button type="button" onclick="fibonacci()">Slide 26</button><input type="text" id="fibo" style="width: 1000px;"></div>
 
 
 
diff --git a/js/header-functions.js b/js/header-functions.js
index ff2614d..bfc7774 100644
--- a/js/header-functions.js
+++ b/js/header-functions.js
@@ -8,4 +8,4 @@ document.write('<script type="text/javascript" src="./js/utils.js"></script>');
 
 
 // import w3-include
-document.write('<script src="http://www.w3schools.com/lib/w3data.js"></script>');
+document.write('<script src="http://www.w3schools.com/lib/w3data.js"></script>');
\ No newline at end of file
diff --git a/js/slide22.js b/js/slide22.js
index e69de29..561a9a8 100644
--- a/js/slide22.js
+++ b/js/slide22.js
@@ -0,0 +1,7 @@
+function valid(num){
+    var num;    
+    while(!num > 0 && !num < 100){
+        num = prompt("Please enter a number in the range 1  to 100 ");
+    }
+    document.getElementById('squared').value = num*num;
+}
\ No newline at end of file
diff --git a/js/slide23.js b/js/slide23.js
index e69de29..363177a 100644
--- a/js/slide23.js
+++ b/js/slide23.js
@@ -0,0 +1,14 @@
+function upperLimit(){
+    var num1;
+    var num2;
+    var interval = []    
+    while(num1 == null && num2 == null){
+        num1 = prompt("Please enter an lower limit");
+        num2 = prompt("Please enter a upper limit");
+    }
+    for (var i = num1; i <num2;i++){
+        interval.push(i);
+    }
+    document.getElementById("interval").value = interval;
+    console.log(interval);
+}
\ No newline at end of file
diff --git a/js/slide24.js b/js/slide24.js
index e69de29..89189f4 100644
--- a/js/slide24.js
+++ b/js/slide24.js
@@ -0,0 +1,24 @@
+function editArray(){
+    var myData = Array(10).fill(1);
+    console.log(myData);
+    var userInput;
+    var userIndex = null;
+    while(true){
+        userIndex = prompt("Enter index to edit");
+        if (userIndex == null)
+        break;
+
+        if(userIndex < 10 && userIndex >= 0)
+        userInput = prompt("Enter new value");
+        else{
+        console.log("Index of of range. Exit!!!")
+        break;
+        }
+
+        userInput = parseInt(userInput,10);
+        myData[userIndex] = userInput;
+        userInput = null;
+        document.getElementById('data').value = myData;
+        console.log(myData);
+    }
+}
\ No newline at end of file
diff --git a/js/slide26.js b/js/slide26.js
index e69de29..3b63dfc 100644
--- a/js/slide26.js
+++ b/js/slide26.js
@@ -0,0 +1,14 @@
+function fibonacci(){
+    var prevNum1;
+    var prevNum2;
+    var fibNumbers = Array(59);
+    fibNumbers[0] = 0;
+    fibNumbers[1] = 1;
+
+    for (var i = 2; i < 59;i++ ){
+        fibNumbers[i] = fibNumbers[i-1]+fibNumbers[i-2];
+    }
+
+    console.log(fibNumbers);
+    document.getElementById('fibo').value = fibNumbers;
+}
\ No newline at end of file
