project 9

Logesh-Pro · Logesh-Pro · commit d47549fdf213 · 2025-12-26T15:51:57.000+05:30
diff --git a/adv_dom_js/index.html b/adv_dom_js/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Advanced DOM js project</title>
+    <title>Student Result Checker</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <h2>Student Result Checker</h2>
+    <input type="number" id="marks" placeholder="Enter marks">
+    <br><br>
+    <button id="checkBtn">Check Result</button>
+    <p id="result">Result will appear here</p>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/adv_dom_js/script.js b/adv_dom_js/script.js
@@ -0,0 +1,19 @@
+let marks = document.querySelector("#marks");
+let button = document.querySelector("#checkBtn");
+let resultpara = document.querySelector("#result");
+button.addEventListener("click", function(){
+    let mark = Number(marks.value);
+    if(marks.value === ""){
+        resultpara.innerText = "Please enter your marks.";
+        resultpara.className = "error";
+        return;
+    }
+    if(mark>=50){
+        resultpara.innerText = "PASS ✅";
+        resultpara.className = "pass";
+    }
+    else {
+        resultpara.innerText = "FAIL ❌";
+        resultpara.className = "fail";
+    }
+})
diff --git a/adv_dom_js/style.css b/adv_dom_js/style.css
@@ -0,0 +1,14 @@
+body {
+    font-family: Arial, sans-serif;
+}
+.pass{
+    color: green;
+    font-weight: bold;
+}
+.fail{
+    color: red;
+    font-weight: bold;
+}
+.error {
+    color: orange;
+}
