meetmistry28 · meetmistry28 · Sep 26, 2023 · Sep 26, 2023 · Sep 26, 2023 · Sep 27, 2023
diff --git a/2darray.html b/2darray.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+    <div id="studentInfo">
+
+
+    </div>
+
+    <script src="js/2darray.js"></script>
+</body>
+</html>
diff --git a/arrayFunction.html b/arrayFunction.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+    <script src="js/arrayFunction.js"></script>
+</body>
+</html>
diff --git a/css/hotelbill.css b/css/hotelbill.css
@@ -0,0 +1,89 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    background-image: url(/image/restaurant-interior.jpg);
+    background-size: cover;
+}
+
+.box {
+    margin: auto;
+    margin-top: 2%;
+    padding: 2%;
+    background-image: url(/image/Screenshot\ 2023-10-08\ 124757.png);
+    background-size: cover;
+    background-position: center center;
+    width: 30%;
+    /* background-color: rgb(0, 202, 114); */
+    border-radius: 20px;
+}
+
+h1 {
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-style: italic;
+    font-size: larger;
+    color: rgb(28, 163, 48);
+    padding: 9px;
+}
+
+label {
+    color: red;
+    font-size: small;
+    font-family: serif;
+    padding: 4px;
+}
+
+input {
+    padding: 7px;
+    border-radius: 10px;
+    border-style: none;
+    background-color: rgb(246, 255, 0);
+    color: rgb(0, 142, 26);
+}
+
+select {
+    background-color: rgb(246, 255, 0);
+    color: rgb(0, 142, 26);
+    padding: 7px;
+    border-radius: 10px;
+    border-style: none;
+}
+
+#submit {
+    color: rgb(0, 103, 43);
+    background-color: rgb(0, 255, 68);
+}
+
+table {
+    background-color: rgb(248, 149, 0);
+    border-radius: 10px;
+    border-style: none;
+}
+
+th {
+    color: rgb(31, 116, 87);
+    background-color: rgb(109, 210, 0);
+    border-radius: 10px;
+    padding: 5px;
+    border-style: none;
+
+}
+
+td {
+    color: rgb(31, 116, 87);
+    background-color: rgb(109, 210, 0);
+    border-radius: 10px;
+    padding: 5px;
+    border-style: none;
+}
+
+button {
+    color: rgb(185, 194, 191);
+    background-color: rgb(210, 25, 0);
+    border-radius: 10px;
+    padding: 5px;
+    border-style: none;
+}
diff --git a/dom.html b/dom.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+
+    <form action="#" onsubmit="handlSubmit()">
+        <input type="text" id="name" placeholder="Enter name" name="name">
+
+        <input type="submit" id="submit">
+    </form>
+    <div id="disp">
+
+    </div>
+
+    <script src="js/dom.js"></script>
+</body>
+</html>
diff --git a/h2.html b/h2.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="css/hotelbill.css">
+
+
+    <link rel="stylesheet" href="css/hotel.css">
+</head>
+
+<body>
+    <div id="form-container">
+        <div class="box">
+            <h1>Hotel Reservation Form</h1>
+            <form action="" onsubmit="return handlesubmit()">
+                <div class="form-group">
+                    <label for="date">Date:</label>
+                    <input type="date" name="date" id="date" placeholder="Enter date">
+                    <span class="error" id="dateErr"></span>
+                </div>
+                <br><br>
+
+                <div class="form-group">
+                    <label for="tnumber">Table:</label>
+                    <select name="table" id="table">
+
+                        <option value="0">--select--</option>
+                        <option value="1">1</option>
+                        <option value="2">2</option>
+                        <option value="3">3</option>
+                        <option value="4">4</option>
+                        <option value="5">5</option>
+                        <option value="6">6</option>
+                        <option value="7">7</option>
+                        <option value="8">8</option>
+                        <option value="9">9</option>
+                        <option value="10">10</option>
+                    </select>
+                    <span class="error" id="tnumberErr"></span>
+                </div>
+
+                <br><br>
+
+                <div class="form-group">
+                    <label for="food">Food:</label>
+                    <select name="food" id="food">
+                        <option value="0">--Select--</option>
+                        <option value="Panjabi">Panjabi</option>
+                        <option value="Chinees">Chinees</option>
+                        <option value="South-Indian">South Indian</option>
+                    </select>
+                    <span class="error" id="foodErr"></span>
+                </div>
+
+                <br><br>
+
+                <div class="form-group">
+                    <p>No. of persons:</p>
+                    <input type="number" name="pnumber" id="pnumber" placeholder="Enter number of persons">
+                    <span class="error" id="personErr"></span>
+                </div>
+
+                <br><br>
+
+                <div class="form-group">
+                    <input type="submit" id="submit">
+                </div>
+            </form>
+
+            <br><br>
+
+            <table id="disp" border="1">
+                <thead>
+                    <tr>
+                        <th>Date</th>
+                        <th>Table</th>
+                        <th>Food</th>
+                        <th>Person No</th>
+                        <th>Total</th>
+                        <th>Action</th>
+
+                    </tr>
+                </thead>
+
+            </table>
+        </div>
+
+    </div>
+
+
+
+    <script src="js/h2.js"></script>
+
+</body>
+
+</html>
diff --git a/hotelbill.html b/hotelbill.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hotel Bill</title>
+    <link rel="stylesheet" href="css/hotelbill.css">
+</head>
+
+<body>
+    <div class="container">
+        <div class="box">
+            <h1>Hotel Bill Collection System</h1>
+
+            <form action="" onsubmit="return handleSubmit()">
+                <input type="date" name="date" id="date">
+                <span class="error" id="d-error"></span>
+                <br><br>
+
+                <p>Select Table</p>
+                <select name="table" id="table">
+
+                    <option value="0">--select--</option>
+                    <option value="1">1</option>
+                    <option value="2">2</option>
+                    <option value="3">3</option>
+                    <option value="4">4</option>
+                    <option value="5">5</option>
+                    <option value="6">6</option>
+                    <option value="7">7</option>
+                    <option value="8">8</option>
+                    <option value="9">9</option>
+                    <option value="10">10</option>
+                </select>
+                <span class="error" id="s1error"></span>
+                <br><br>
+
+                <p>Select Food</p>
+                <select name="food" id="food">
+                    <option value="0">--select--</option>
+                    <option value="250">Punjabi</option>
+                    <option value="150">chinees</option>
+                    <option value="200">South indian</option>
+                </select>
+                <span class="error" id="s2error"></span>
+                <br><br>
+
+                <p>Select No Of Person</p>
+                <input type="number" name="person" id="person">
+                <span class="error" id="ierror"></span>
+                <br><br>
+
+                <input type="submit" id="submit">
+            </form>
+
+            <br><br>
+            <table id="disp" border="1">
+                <tr>
+                    <th>Sr.no</th>
+                    <th>Date</th>
+                    <th>Table</th>
+                    <th>Food</th>
+                    <th>No.Of Person</th>
+                    <th>TotalBill</th>
+                    <th>Action</th>
+                </tr>
+            </table>
+
+        </div>
+
+    </div>
+
+    <script src="js/hotelbill.js"></script>
+</body>
diff --git a/image/2307-w064-n002-541B-p1-541.jpg b/image/2307-w064-n002-541B-p1-541.jpg
diff --git a/image/427230-PDYP34-121.jpg b/image/427230-PDYP34-121.jpg
diff --git a/image/Screenshot 2023-10-08 124757.png b/image/Screenshot 2023-10-08 124757.png
diff --git a/image/restaurant-interior.jpg b/image/restaurant-interior.jpg
diff --git a/js/2darray.js b/js/2darray.js
@@ -0,0 +1,21 @@
+let arr = [ 
+    [1,'meet',21]
+    [2,'dixit',20]
+    [3,'dhruvil',22]
+]
+
+const display = (arr) => {
+
+    let print = '<table><tr><th>sr no</th><th>name</th><th>age</th></tr>'
+
+
+    for (let i=0; i<arr.length; i++) {
+        print += '<td>'
+        for (let j=0; j<arr[i].length; j++) {
+
+        }
+    }
+
+}
+
+display(arr)