Basic Calculator

dDevAhmed · May 24, 2024 · 3b81277 · 3b81277
1 parent 1087145
commit 3b81277
Show file tree

Hide file tree

Showing 9 changed files with 173 additions and 38 deletions.
diff --git a/Class_activity_4.html b/Class_activity_4.html
@@ -25,15 +25,19 @@
 </head>
 
 <body>
-    <h3>Class Activities</h3>
-    <a href="index.html">Home page</a> |
-    <a href="class_activity_1.html">Class Activity 1</a> |
-    <a href="class_activity_2.html">Class Activity 2</a> |
-    <a href="class_activity_3.html">Class Activity 3</a> |
-    <a href="class_activity_4.html">Class Activity 4</a> |
+    <h1>Class Activity 4: Feedback Form</h1>
+    <p>Alright, it's feedback time! I want to hear what you think about my projects. Be honest, be kind, and let me know if my HTML skills are on point! 😊💬</p>
 
+    <h3>Class Activity Links</h3>
+    <a href="index.html">Home page</a> |
+    <a href="class_activity_1.html">Favorite Food</a> |
+    <a href="class_activity_2.html">Login Form</a> |
+    <a href="class_activity_3.html">Favorite Book</a> | 
+    <a href="class_activity_4.html">Feedback Form</a> |
+    <a href="class_activity_5.html">Calculator</a> |
+
     <h3>Assignment Links</h3>
-    <a href="assignment_1.html">Assignment 1</a> |
+    <a href="assignment_1.html">Google Form</a> |
 
     <br><br>
 

diff --git a/assignment_1.html b/assignment_1.html
@@ -12,6 +12,9 @@
 
 </head>
 <body>
+    <h1>Assignment 1: Google Form</h1>
+    <p>Big assignment alert! I'm tasked with designing a Google Form for our graduation T-Shirt signup. It's going to be stylish, functional, and absolutely sign-up-worthy! 🎓👕</p>
+
     <h3>Class Activities</h3>
     <a href="index.html">Home page</a> |
     <a href="class_activity_1.html">Class Activity 1</a> |
@@ -22,6 +25,63 @@ <h3>Class Activities</h3>
     <h3>Assignment Links</h3>
     <a href="assignment_1.html">Assignment 1</a> |
 
-
+    <main>
+        <header>
+            <h1>T-Shirt Sign Up</h1>
+            <p>Enter your name and size to sign up for a T-shirt</p>
+            <hr>
+            <p><a href="#">Sign in to Google</a> to save your progress. <a href="#">Learn more</a></p>
+            <hr>
+            <p id="instructions">*Indicates required question</p>
+        </header>
+
+        <div>
+            <h5>Name <span>*</span></h5>
+            <input type="text" placeholder="Your answer">
+        </div>
+
+        <div>
+            <h5>Shirt size</h5>
+            <label for="XS">
+                <input type="radio" name="XS" id="XS"> XS
+            </label>
+            <label for="S">
+                <input type="radio" name="S" id="S"> S
+            </label>
+            <label for="M">
+                <input type="radio" name="M" id="M"> M
+            </label>
+            <label for="L">
+                <input type="radio" name="L" id="L"> L
+            </label>
+            <label for="XL">
+                <input type="radio" name="XL" id="XL"> XL
+            </label>
+        </div>
+
+        <div>
+            <h5>T-Shirt Preview</h5>
+            <img src="image/thebodytshirt.png" alt="Body Shirt Image">
+        </div>
+
+        <div>
+            <h5>Other thoughts or comments</h5>
+            <input type="text" placeholder="Your answer">
+        </div>
+
+        <div>
+            <div>
+                <button>Submit</button>
+                <a href="#">Clear form</a>
+            </div>
+            <p>Never submit passwords through Google Forms</p>
+        </div>
+
+        <footer>
+            <p>This content is neither created nor endorsed by Google <a href="#">Report Abuse</a> - <a href="#">Terms of Service</a> - <a href="#">Privacy Policy</a></p>
+            <h3>Google Forms</h3>
+            <a href="#"><img src="image/icons8-info-100.png" alt="Info Message"></a>
+        </footer>
+    </main>
 </body>
 </html>
diff --git a/class_activity_1.html b/class_activity_1.html
@@ -14,18 +14,19 @@
     <link rel="shortcut icon" href="image/html_favicon/icons8-html-color-32.png" type="image/x-icon">
 </head>
 <body>
-    <h1>Class Activity 1</h1>
-    <p>This is a class activity to list out my favorite foods and drinks using my skills in html 😊</p>
+    <h1>Class Activity 1: Favorite Food</h1>
+    <p>Welcome to my culinary adventure! This activity is all about listing my absolute favorite foods and drinks. Get ready to drool as I show off my HTML skills! 😋</p>
 
-    <h3>Class Activities</h3>
+    <h3>Class Activity Links</h3>
     <a href="index.html">Home page</a> |
-    <a href="class_activity_1.html">Class Activity 1</a> |
-    <a href="class_activity_2.html">Class Activity 2</a> |
-    <a href="class_activity_3.html">Class Activity 3</a> |
-    <a href="class_activity_4.html">Class Activity 4</a> |
-
+    <a href="class_activity_1.html">Favorite Food</a> |
+    <a href="class_activity_2.html">Login Form</a> |
+    <a href="class_activity_3.html">Favorite Book</a> | 
+    <a href="class_activity_4.html">Feedback Form</a> |
+    <a href="class_activity_5.html">Calculator</a> |
+
     <h3>Assignment Links</h3>
-    <a href="assignment_1.html">Assignment 1</a> |
+    <a href="assignment_1.html">Google Form</a> |
 
     <!-- Question 1 -->
     <h3>List of foods I like</h3>

diff --git a/class_activity_2.html b/class_activity_2.html
@@ -14,15 +14,19 @@
 </head>
 
 <body>
-    <h3>Class Activities</h3>
-    <a href="index.html">Home page</a> |
-    <a href="class_activity_1.html">Class Activity 1</a> |
-    <a href="class_activity_2.html">Class Activity 2</a> |
-    <a href="class_activity_3.html">Class Activity 3</a> |
-    <a href="class_activity_4.html">Class Activity 4</a> |
+    <h1>Class Activity 2: Login Form</h1>
+    <p>Time to get serious (but not too serious). In this activity, I'll be designing a basic login form. Because who doesn't need a way to log into the awesomeness? 🔐</p>
 
+    <h3>Class Activity Links</h3>
+    <a href="index.html">Home page</a> |
+    <a href="class_activity_1.html">Favorite Food</a> |
+    <a href="class_activity_2.html">Login Form</a> |
+    <a href="class_activity_3.html">Favorite Book</a> | 
+    <a href="class_activity_4.html">Feedback Form</a> |
+    <a href="class_activity_5.html">Calculator</a> |
+
     <h3>Assignment Links</h3>
-    <a href="assignment_1.html">Assignment 1</a> |
+    <a href="assignment_1.html">Google Form</a> |
 
     <form>
         <h3>Enter your bio</h3>

diff --git a/class_activity_3.html b/class_activity_3.html
@@ -37,15 +37,19 @@
 </head>
 
 <body>
-    <h3>Class Activities</h3>
-    <a href="index.html">Home page</a> |
-    <a href="class_activity_1.html">Class Activity 1</a> |
-    <a href="class_activity_2.html">Class Activity 2</a> |
-    <a href="class_activity_3.html">Class Activity 3</a> |
-    <a href="class_activity_4.html">Class Activity 4</a> |
+    <h1>Class Activity 3: Favorite Book</h1>
+    <p>Books are cool, especially this one! I'll be diving into the pages of my favorite book and sharing why it's a must-read. All while flexing my HTML muscles! 📚💪</p>
 
+    <h3>Class Activity Links</h3>
+    <a href="index.html">Home page</a> |
+    <a href="class_activity_1.html">Favorite Food</a> |
+    <a href="class_activity_2.html">Login Form</a> |
+    <a href="class_activity_3.html">Favorite Book</a> | 
+    <a href="class_activity_4.html">Feedback Form</a> |
+    <a href="class_activity_5.html">Calculator</a> |
+
     <h3>Assignment Links</h3>
-    <a href="assignment_1.html">Assignment 1</a> |
+    <a href="assignment_1.html">Google Form</a> |
 
     <h1>My Favorite Book</h1>
     <p>This activity is to identify 5 html tags that will be included in designing the site for <mark>my favorite

diff --git a/class_activity_5.html b/class_activity_5.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Basic Calculator</title>
+</head>
+
+<body>
+    <h1>Class Activity 5: Basic Calculator</h1>
+    <p>Ready to count some people on this planet? 🌍😎 This activity has me building a basic calculator to do just that.
+        Math + HTML = Fun!</p>
+
+    <h3>Class Activity Links</h3>
+    <a href="index.html">Home page</a> |
+    <a href="class_activity_1.html">Favorite Food</a> |
+    <a href="class_activity_2.html">Login Form</a> |
+    <a href="class_activity_3.html">Favorite Book</a> |
+    <a href="class_activity_4.html">Feedback Form</a> |
+    <a href="class_activity_5.html">Calculator</a> |
+
+    <h3>Assignment Links</h3>
+    <a href="assignment_1.html">Google Form</a> |
+
+    <div class="container" align="center">
+        <h1>Basic Calculator</h1>
+        <form action="calculator">
+            <div class="calc">
+                <input type="text" name="screen" id="answer" placeholder="0" disabled>
+                <br><br>
+                <input type="button" value="7" onclick="form.screen.value+='7'">
+                <input type="button" value="8" onclick="form.screen.value+='8'">
+                <input type="button" value="9" onclick="form.screen.value+='9'">
+                <input type="button" value="." onclick="form.screen.value+='.'">
+                <input type="button" value="c" onclick="form.screen.value=''">
+                <br><br>
+                <input type="button" value="4" onclick="form.screen.value+='4'">
+                <input type="button" value="5" onclick="form.screen.value+='5'">
+                <input type="button" value="6" onclick="form.screen.value+='6'">
+                <input type="button" value="+" onclick="form.screen.value+='+'">
+                <input type="button" value="-" onclick="form.screen.value+='-'">
+                <br><br>
+                <input type="button" value="1" onclick="form.screen.value+='1'">
+                <input type="button" value="2" onclick="form.screen.value+='2'">
+                <input type="button" value="3" onclick="form.screen.value+='3'">
+                <input type="button" value="*" onclick="form.screen.value+='*'">
+                <input type="button" value="/" onclick="form.screen.value+='/'">
+                <br><br>
+                <input type="button" value="0" onclick="form.screen.value+='0'">
+                <input type="button" value="00" onclick="form.screen.value+='00'">
+                <input type="button" value="000" onclick="form.screen.value+='000'">
+                <input type="button" value="%" onclick="form.screen.value=(form.screen.value)/100">
+                <input type="button" value="=" onclick="form.screen.value=eval(form.screen.value)">
+                <br><br>
+            </div>
+        </form>
+    </div>
+</body>
+
+</html>
diff --git a/image/icons8-info-100.png b/image/icons8-info-100.png
diff --git a/image/thebodytshirt.png b/image/thebodytshirt.png
diff --git a/index.html b/index.html
@@ -43,16 +43,17 @@
 
 <body>
     <h1>Welcome to Frontend Development Class</h1>
-    <p>Go from zero to hero</p>
+    <p>Buckle up and get ready to become a coding superhero! 🦸‍♂️</p>
 
-    <h3>Class Activities Links</h3>
-    <a href="class_activity_1.html">Class Activity 1</a> |
-    <a href="class_activity_2.html">Class Activity 2</a> |
-    <a href="class_activity_3.html">Class Activity 3</a> | 
-    <a href="class_activity_4.html">Class Activity 4</a> |
+    <h3>Class Activity Links</h3>
+    <a href="class_activity_1.html">Favorite Food</a> |
+    <a href="class_activity_2.html">Login Form</a> |
+    <a href="class_activity_3.html">Favorite Book</a> | 
+    <a href="class_activity_4.html">Feedback Form</a> |
+    <a href="class_activity_5.html">Calculator</a> |
 
     <h3>Assignment Links</h3>
-    <a href="assignment_1.html">Assignment 1</a> |
+    <a href="assignment_1.html">Google Form</a> |
 
     <br><br>