JS Lab 2

2026-03-25 16:10:17 -04:00
parent f3667266a9
commit 942da76704
933 changed files with 149047 additions and 2 deletions
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Customer Management Portal</title>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="stylesheet" href="style.css" />
+    </head>
+
+    <body>
+        <fieldset class="customer-fieldset">
+            <legend class="customer-legend">Customer Management</legend>
+            <div class="form-row">
+                <label for="customer_id">Customer ID:</label>
+                <input type="text" id="customer_id" name="customer_id" />
+            </div>
+            <div class="form-row">
+                <label for="customer_name">Customer Name:</label>
+                <input type="text" id="customer_name" name="customer_name" />
+            </div>
+            <div class="form-row">
+                <label for="customer_email">Customer Email:</label>
+                <input type="email" id="customer_email" name="customer_email" />
+            </div>
+            <div class="form-row">
+                <label for="customer_phone">Customer Phone:</label>
+                <input type="tel" id="customer_phone" name="customer_phone" />
+            </div>
+            <div class="button-row">
+                <button id="new" class="action-btn btn-new">New</button>
+                <button id="add_customer" class="action-btn btn-add">Add Customer</button>
+                <button id="update_customer" class="action-btn btn-update">Update Customer</button>
+                <button id="delete_customer" class="action-btn btn-delete">Delete Customer</button> 
+                <button id="find_customer" class="action-btn btn-find">Find Customer</button>
+            </div>
+        </fieldset>
+        <div id="message" class="message"></div>
+
+        <script src="app.js"></script>
+    </body>
+</html>