diff --git a/excercises.html b/excercises.html
new file mode 100644
index 0000000..3d3f632
--- /dev/null
+++ b/excercises.html
@@ -0,0 +1,189 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        
+    </head>
+
+    <body>
+        <script>
+        /*let user = "Alex";
+            /*console.log(name);
+            /*let myAge = 39;
+            /*console.log(myAge);
+            /*let isStudent = true;
+            /*console.log(isStudent);
+            /*console.log(user, myAge, isStudent);*/
+        /*const augli = ['apple', 'banana', 'watemelon'];
+            console.log(augli);
+
+            const persona = {
+                vards: 'Alex',
+                vacums: 30,
+                irStudents: false,
+            }
+            console.log(persona.vards);*/
+        /*myFirst();
+
+            function myFirst() {
+                let x = 5;
+                console.log(x);
+            }*/
+        /*function mySec() {
+                let y = 10;
+                console.log(y);
+            }           
+           
+
+        function myDemo() {
+                let myAge = 'Alex'
+                console.log(myAge);
+            }
+
+            myDemo();
+            mySec();*/
+        /*let mynumber = 20;
+            const myValue = 40;
+           
+
+            function myFunc() {
+
+                console.log(myValue-mynumber);
+                console.log(mynumber-myValue)
+            }
+
+            myFunc();*/
+        /*function myFunc () {
+                let myText = 'Hello Word!';
+
+                console.log(myText);
+            }
+
+            
+            myFunc();*/
+        /*rezinasana(6, 4);
+
+            function rezinasana(a, b) {
+                let sum = a - b;
+                console.log(sum);  
+            }*/
+        /*myNew = 0
+             
+            checkPos(0);
+                function checkPos (input) {
+                    if (input > myNew) {
+                        console.log('Biger')
+                    } else if (input === 0) {
+                        console.log('Zero')
+                    } else {
+                        console.log('Smal')
+                    } 
+            } */
+        /*let value1 = 3
+            let value2 = 5
+            let value3 = 0
+            check(value3)
+            function check(input) {
+                if (input % value1 === 0 && input % value2 === 0) {
+                    console.log('Pozitivs')
+                 } else if (input % value1 === 0 ) { 
+                    console.log('Negativs') }
+                    else if (input % value2 === 0) {
+                        console.log('v5') }
+                    else {
+                        console.log('Error') } 
+                }*/
+        /*     let x = 4
+               let y = 5
+
+                if(x > y) {
+                    console.log('Bigger')
+                } else if {
+                    consol.log('Smaler')
+                }
+         /*       
+  let diena = "1diena";
+
+switch (diena) {
+  case "1diena":
+    console.log("Sākas jauna darba nedēļa!");
+    break;
+  case "2diena":
+    console.log("Vēl tikai viena diena līdz brīvdienai.");
+    break;
+  case "3diena":
+    console.log("Vidus nedēļa - turamies!");
+    break;
+  case "4diena":
+    console.log("Gandrīz piektdiena!");
+    break;
+  case "5diena":
+    console.log("Nedēļas nogale ir gandrīz šeit!");
+    break;
+  case "6diena":
+    console.log("Priecīgas brīvdienas!");
+    break;
+  case "7diena":
+    console.log("Baudām atpūtu un gatavojamies nākamajai nedēļai.");
+    break;
+  default:
+    console.log("Ievadīta nepareiza diena.");
+}
+
+*/
+        /*for (let num = 1; num <= 20; num++) {
+  if (num % 2 === 0) {
+    console.log(num);
+  }
+}*/
+        /*Calculate 
+        let garums = 234;
+        let platums = 543;
+
+        function calculateArea(garums, platums) {
+        let laukums = garums * platums;
+        console.log(laukums);
+        }
+        calculateArea(garums, platums);*/
+        /*Pāra nepāra
+
+        let i = 5
+            
+        function isOdd(i) {
+        if (i % 2 === 0) {
+            console.log('true'); 
+        } else {
+            console.log('false');
+        }
+        }
+        isOdd(i) */
+
+        /*Massive*
+
+        function calculateSum(masivs) {
+        let sum = 0;
+        for (let i = 0; i < masivs.length; i++) {
+            sum += masivs[i];
+        }
+        console.log(sum);
+        }
+        let masivs = [1, 2, 3, 4, 5];
+        let sum = calculateSum(masivs);*/
+
+        let name1 = "Dimitri";
+        let name2 = "Mike";
+
+            function checkName(name1, name2) {
+            if (name1 === name2) {
+                console.log('True');
+            } else {
+                console.log('False');
+            }
+            }
+        let same = checkName(name1, name2);
+
+
+
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 98ed260..da6ef66 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>To-Do List</title>
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/JavaScript/scripts/styles.css">
   <script src="scripts/todolist.js"></script>
 </head>
 
diff --git a/scripts/styles.css b/scripts/styles.css
new file mode 100644
index 0000000..e69de29
diff --git a/scripts/todolist.js b/scripts/todolist.js
index f5f7b75..455ecd7 100644
--- a/scripts/todolist.js
+++ b/scripts/todolist.js
@@ -1,4 +1,7 @@
 let tasks = [];
+let myName = "mytext";
+let myAge = 20;
+let isWorking = true; 
 
 function addTask() {
   const taskInput = document.getElementById('taskInput');
@@ -6,6 +9,7 @@ function addTask() {
 
   if (task !== '') {
     tasks.push( task );
+    taskInput.value = '';
     renderTasks();
   }
 }
@@ -17,10 +21,15 @@ function renderTasks() {
   tasks.forEach((task, index) => {
     const listItem = document.createElement('li');
     listItem.className = 'list-group-item d-flex align-items-center';
+   
+
 
     listItem.innerHTML = `
-    <span class="mr-auto">${task}</span>
+    <li class="list-group-item">
+    <input class="form-check-input me-1" type="checkbox" value="" id="firstCheckbox">
+    ${task}
     <button type="button" class="btn btn-outline-danger btn-sm mr-2" onclick="deleteTask(${index})">Delete</button>
+    </li>
     `;
 
     taskList.appendChild(listItem);
