Stanley / Make some changes

Training/CSS-Practice/practice-1.html

@@ -11,21 +11,28 @@
       body {
         font-family: Arial, sans-serif;
         background-color: #f0f0f0;
+
         /* TASK 1: PLACE THE ITEMS IN THE CENTRE OF THE WEBPAGE */
         /* margin: ;
         padding: ;
         display: ;
         justify-content: ;
         align-items: ;
         height: ; */
+        margin: auto;
+        padding: auto;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100vh;
       }
 
       .container {
         background-color: #fff;
         padding: 20px;
         /* TASK 2: CREATE YOUR OWN CURVED BORDER */
-        /* border: ;
-        border-radius: ; */
+        border: solid;
+        border-radius: 4mm; 
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
       }
 

Training/Counter/counter.html

@@ -26,14 +26,19 @@
     <h1>Click Counter</h1>
     <button id="clickButton">Click me!</button>
     <p id="counter">Click count: 0</p>
+    <img src="ceobe.gif">
 
     <script>
       // JavaScript functionality
       const clickButton = document.getElementById("clickButton");
       const counter = document.getElementById("counter");
+      const myVideo = document.getElementById("video1"); 
+
+      let count = 0;
 
       clickButton.addEventListener("click", () => {
-        // counter.textContent = `Click count: ${}`;
+        count += 1;
+        counter.textContent = `Click count: ${count}`;
       });
     </script>
   </body>

Training/JS-Practice/factorial.html

@@ -42,6 +42,11 @@ <h1>Factorial Calculator</h1>
 
       const calculateFactorial = (number) => {
         // TASK: CREATE YOUR FACTORIAL CALCULATION LOGIC HERE
+        let result = 1;
+        for (let i = 2; i <= number; i++) {
+          result *= i;
+        }
+        return result;
       };
 
       calculateButton.addEventListener("click", () => {

Training/JS-Practice/rectangle.html

@@ -44,6 +44,7 @@ <h1>Rectangle Area Calculator</h1>
 
       const calculateRectangleArea = (length, width) => {
         // TASK: CREATE YOUR AREA CALCULATION LOGIC HERE
+        return length * width;
       };
 
       calculateButton.addEventListener("click", () => {