.

Author: Victorola-coder

basics/Operators.js

@@ -0,0 +1,25 @@
+let x;
+
+// 1. Arithmetic
+
+x = 5 + 5; // addition - 10
+
+x = 5 - 5; // subtraction - 0
+
+x = 5 * 5; // multiplication - 25
+
+x = 5 / 5; // division - 1
+
+x = 10 % 3; // operand - handles remainder 1
+
+// 2. Concatenation - joining of two or more data type mostly string, we use the addition operator to concatenate
+
+x = "Hello" + " " + "World"; // Hello World
+
+// 3. Exponential
+
+x = 4 ** 4; // 4 raise to power 4 = 235
+
+x = 3 ** 3; // 27
+
+console.log(x);

basics/types-conversion.js

@@ -0,0 +1,14 @@
+// type-conversion involves converting a data type to another, e.g number to string vice versa, etc
+
+// NUMBER  to STRING
+let x = 100;
+
+// let output = x.toString(); // string
+
+// convert from string to number
+
+// let output = parseInt(x); // number
+
+// convert from
+
+console.log(output, typeof output);

index.html

@@ -15,8 +15,8 @@
       body {
         font-family: "Poppins", sans-serif;
         padding: 0;
-        box-sizing: border-box;
         margin: 0;
+        box-sizing: border-box;
       }
     </style>
   </head>
@@ -35,7 +35,7 @@ <h3 class="text-6xl font-semibold text-black items-center">
         class="text-white capitalize font-medium font-base active:scale-[0.97] transition-all duration-300 bg-blue-500 w-[100px] py-3.5 rounded"
         onclick="startTimer()"
       >
-        Start
+        Start/play
       </button>
       <button
         class="text-white capitalize font-medium font-base active:scale-[0.97] transition-all duration-300 bg-yellow-500 w-[100px] py-3.5 rounded"
@@ -145,5 +145,7 @@ <h3 class="text-6xl font-semibold text-black items-center">
       // Initial display
       updateTimerDisplay();
     </script>
+    <!-- test js file -->
+    <script src="script.js" type="text/javascript"></script>
   </body>
 </html>