Update Readme and main page

MahmoodHashem · May 3, 2024 · d41eb19 · d41eb19
1 parent b235c94
commit d41eb19
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 3 deletions.
diff --git a/Projects/calculator/index.html b/Projects/calculator/index.html
@@ -11,8 +11,8 @@
 <body>
     <div class="card">
        <div class="output input">
-        <div class="pre" data-previous-operand>123+</div>
-        <div class="current" data-current-operand>345</div>
+        <div class="pre" data-previous-operand></div>
+        <div class="current" data-current-operand></div>
        </div>
         <div class="row">
             <div class="circle"  data-all-clear>AC</div>

diff --git a/README.md b/README.md
@@ -28,6 +28,8 @@ Each project is carefully selected to cover different aspects of JavaScript deve
 8. **Newsletter Sign up** 
       This is a responsive newsletter sign-up form that enhances user interaction and data validation. It allows users to enter their email and submit it to subscribe to a newsletter. Upon successful submission, users receive a  confirmation message displaying their email. The form includes validation checks to ensure the email field is not left empty and that the entered email is in a correct format.
       - [New Year Countdown Live Demo](https://mahmoodhashem.github.io/JavaScript-Projects/Projects/newsletter%20signup/index.html)
-
+9. **Calculator** 
+      This project is a simple calculator built using HTML, CSS, and JavaScript. It is designed to perform basic arithmetic operations such as addition, subtraction, multiplication, and division. The calculator features a clean, user-friendly interface that allows users to input numbers and operations easily to see the results displayed on the screen.
+      - [Calculator Live Demo](https://mahmoodhashem.github.io/JavaScript-Projects/Projects/calculator/index.html)
 
    ....Continue Adding projects
diff --git a/images/calculator.jpeg b/images/calculator.jpeg
diff --git a/index.html b/index.html
@@ -241,6 +241,35 @@ <h2><a target="_blank" href="./Projects/Mouse position/">Mouse Position</a></h2>
         </div>
       </div>
     </div>
+
+
+    <!-- 10th one-->
+
+    <div class="card" id="Calculator">
+      <div><img src="images/calculator.jpeg" alt="calculator" /></div>
+      <div>
+        <h2><a target="_blank" href="./Projects/calculator/index.html">Calculator</a></h2>
+      </div>
+      <div class="description">
+        <p>
+          This project is a simple calculator built using HTML, CSS, and JavaScript. It is designed to perform basic
+          arithmetic operations such as addition, subtraction, multiplication, and division. The calculator features a
+          clean, user-friendly interface that allows users to input numbers and operations easily to see the results
+          displayed on the screen.
+        </p>
+      </div>
+      <div class="links">
+        <div class="link-item"><a target="_blank"
+            href="https://github.com/MahmoodHashem/JavaScript-Projects/tree/main/Projects/calculator">Project
+            Repo</a></div>
+        <div class="link-item">
+          <a href="./Projects/calculator/index.html" target="_blank">Live Demo</a>
+        </div>
+      </div>
+    </div>
+
+    <!------------------------------------>
+
   </div>