Student Registration 13th oct 2024 submiision

Author: nilajcoder

Html/Student Registration/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

Html/Student Registration/demo.js

@@ -0,0 +1,19 @@
+let modeBtn=document.querySelector("#mode");
+let body=document.querySelector("body");
+let curmode="light"//black
+
+modeBtn.addEventListener("click",()=>{
+    if(curmode==="light"){
+        curmode="dark";
+        body.classList.add("dark");
+        body.classList.remove("light");
+    }else{
+        curmode="light";
+        body.classList.add("light");
+        body.classList.remove("dark");
+    }
+    console.log(curmode);
+
+})
+
+

Html/Student Registration/login.html

@@ -37,6 +37,8 @@ <h2>Student Login</h2>
         <input type="password" id="password" name="password" required><br><br>
 
         <input type="submit" value="Login">
+        <button id="mode"> Change Mode</button>
     </form>
+    <script src="demo.js"></script> 
 </body>
 </html>

Html/Student Registration/register.html

@@ -40,6 +40,8 @@ <h2>Student Registration</h2>
         <input type="password" id="password" name="password" required><br><br>
 
         <input type="submit" value="Register">
+        <button id="mode"> Change Mode</button>
     </form>
+    <script src="demo.js"></script> 
 </body>
 </html>

Html/Student Registration/style.css

@@ -1,3 +1,16 @@
+
+.dark{
+    background-color: black;
+    color: white;
+}
+
+
+.light{
+    background-color: white;
+    color: black;
+}
+
+
 body {
     font-family: Arial, sans-serif;
     background-color: #f0f8ff;
@@ -34,6 +47,16 @@ input[type=submit]:hover {
     background-color: black;
 }
 
+
+button {
+    padding: 8px 15px;
+    background-color: #007bff;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
 ul {
     list-style-type: none; /* Remove bullet points */
     padding: 0;