From aa636fa4b9e174d609e317745c1e72f9098d2813 Mon Sep 17 00:00:00 2001 From: Saidurga Date: Tue, 30 Sep 2025 12:17:48 +0530 Subject: [PATCH 1/5] durga-html-advancedtags --- css/advanced/Assignment-1/index.html | 0 css/advanced/Assignment-1/style.css | 69 +++++++++++++++++++++++ css/advanced/Assignment-2/animations.html | 60 ++++++++++++++++++++ 3 files changed, 129 insertions(+) create mode 100644 css/advanced/Assignment-1/index.html create mode 100644 css/advanced/Assignment-1/style.css create mode 100644 css/advanced/Assignment-2/animations.html diff --git a/css/advanced/Assignment-1/index.html b/css/advanced/Assignment-1/index.html new file mode 100644 index 00000000..e69de29b diff --git a/css/advanced/Assignment-1/style.css b/css/advanced/Assignment-1/style.css new file mode 100644 index 00000000..3e7719f6 --- /dev/null +++ b/css/advanced/Assignment-1/style.css @@ -0,0 +1,69 @@ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, sans-serif; + line-height: 1.6; +} + +header { + background: #0d0a99; + color: #fff; + padding: 20px; + text-align: center; +} + +nav ul { + list-style: none; + display: flex; + justify-content: center; + gap: 20px; + margin-top: 10px; +} + +nav a { + color: #fff; + text-decoration: none; +} + +main { + display: flex; + padding: 20px; + gap: 20px; +} + +article { + flex: 3; + background: #2c13a8; + color: #fff; + padding: 20px; + border-radius: 8px; +} + +aside { + flex: 1; + background: #4d119b; + color: #fff; + padding: 20px; + border-radius: 8px; +} + +footer { + background: #3f12ba; + color: #fff; + text-align: center; + padding: 15px; + margin-top: 20px; + bottom: auto; +} + +@media (max-width: 768px) { + main { + flex-direction: column; + flex:1; + } +} diff --git a/css/advanced/Assignment-2/animations.html b/css/advanced/Assignment-2/animations.html new file mode 100644 index 00000000..45bcfc50 --- /dev/null +++ b/css/advanced/Assignment-2/animations.html @@ -0,0 +1,60 @@ + + + + + + CSS Animation & Media Queries + + + +
Hello Guys..!
+ + From f9c65b2a31780dc30eed455146aab85d8d68930c Mon Sep 17 00:00:00 2001 From: Saidurga Date: Mon, 27 Oct 2025 19:16:30 +0530 Subject: [PATCH 2/5] durga-controlstructure-js --- .../Assignment-1/conditions.html | 28 ++++++++ .../Assignment-1/script.js | 20 ++++++ .../Assignment-1/style.css | 63 ++++++++++++++++++ .../Assignment-10/arraysum.html | 30 +++++++++ .../Assignment-10/script.js | 30 +++++++++ .../Assignment-10/style.css | 65 ++++++++++++++++++ .../Assignment-2/leapyear.html | 28 ++++++++ .../Assignment-2/script.js | 16 +++++ .../Assignment-2/style.css | 62 +++++++++++++++++ .../Assignment-3/script.js | 32 +++++++++ .../Assignment-3/simplecalculator.html | 32 +++++++++ .../Assignment-3/style.css | 61 +++++++++++++++++ .../Assignment-4/largestnum.html | 38 +++++++++++ .../Assignment-4/script.js | 22 +++++++ .../Assignment-4/style.css | 63 ++++++++++++++++++ .../Assignment-5/evenodd.html | 28 ++++++++ .../Assignment-5/script.js | 14 ++++ .../Assignment-5/style.css | 64 ++++++++++++++++++ .../Assignment-6/calci.html | 38 +++++++++++ .../Assignment-6/script.js | 25 +++++++ .../Assignment-6/style.css | 64 ++++++++++++++++++ .../Assignment-7/script.js | 21 ++++++ .../Assignment-7/style.css | 65 ++++++++++++++++++ .../Assignment-7/table.html | 29 ++++++++ .../Assignment-8/script.js | 20 ++++++ .../Assignment-8/style.css | 64 ++++++++++++++++++ .../Assignment-8/sum.html | 28 ++++++++ .../Assignment-9/fact.html | 30 +++++++++ .../Assignment-9/script.js | 47 +++++++++++++ .../Assignment-9/style.css | 66 +++++++++++++++++++ 30 files changed, 1193 insertions(+) create mode 100644 javascript/4-control-structures-loops/Assignment-1/conditions.html create mode 100644 javascript/4-control-structures-loops/Assignment-1/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-1/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-10/arraysum.html create mode 100644 javascript/4-control-structures-loops/Assignment-10/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-10/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-2/leapyear.html create mode 100644 javascript/4-control-structures-loops/Assignment-2/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-2/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-3/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-3/simplecalculator.html create mode 100644 javascript/4-control-structures-loops/Assignment-3/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-4/largestnum.html create mode 100644 javascript/4-control-structures-loops/Assignment-4/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-4/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-5/evenodd.html create mode 100644 javascript/4-control-structures-loops/Assignment-5/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-5/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-6/calci.html create mode 100644 javascript/4-control-structures-loops/Assignment-6/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-6/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-7/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-7/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-7/table.html create mode 100644 javascript/4-control-structures-loops/Assignment-8/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-8/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-8/sum.html create mode 100644 javascript/4-control-structures-loops/Assignment-9/fact.html create mode 100644 javascript/4-control-structures-loops/Assignment-9/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-9/style.css diff --git a/javascript/4-control-structures-loops/Assignment-1/conditions.html b/javascript/4-control-structures-loops/Assignment-1/conditions.html new file mode 100644 index 00000000..ae664095 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-1/conditions.html @@ -0,0 +1,28 @@ + + + + + + Grading System Assignment + + + + +
+

Grading System

+ +
+ + +
+ +
+ +
+ +
Result will appear here...
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-1/script.js b/javascript/4-control-structures-loops/Assignment-1/script.js new file mode 100644 index 00000000..d2ecd44d --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-1/script.js @@ -0,0 +1,20 @@ +function calculateGrade() { + let marks = Number(document.getElementById("marks").value); + let grade = ""; + + + if (marks >= 90) { + grade = "A"; + } else if (marks >= 75 && marks <= 89) { + grade = "B"; + } else if (marks >= 50 && marks <= 74) { + grade = "C"; + } else if (marks < 50) { + grade = "F"; + } else { + grade = "Invalid input"; + } + + + document.getElementById("result").innerHTML = `Grade: ${grade}`; +} diff --git a/javascript/4-control-structures-loops/Assignment-1/style.css b/javascript/4-control-structures-loops/Assignment-1/style.css new file mode 100644 index 00000000..8d383b01 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-1/style.css @@ -0,0 +1,63 @@ +body { + font-family: "Segoe UI", Arial, sans-serif; + background: #f8f9fa; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 25px 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 350px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.row { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input { + padding: 8px; + width: 80%; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + width: 60%; +} + +button:hover { + opacity: 0.85; +} + +#result { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; + color: #333; +} diff --git a/javascript/4-control-structures-loops/Assignment-10/arraysum.html b/javascript/4-control-structures-loops/Assignment-10/arraysum.html new file mode 100644 index 00000000..9f9d62ad --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-10/arraysum.html @@ -0,0 +1,30 @@ + + + + + + Array Sum and Average + + + + +
+

Array Sum & Average Calculator

+ +
+ + +
+ +
+ +
+ +
+ Results will appear here... +
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-10/script.js b/javascript/4-control-structures-loops/Assignment-10/script.js new file mode 100644 index 00000000..931e9b90 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-10/script.js @@ -0,0 +1,30 @@ +function calculateArray() { + const input = document.getElementById("numbers").value.trim(); + const result = document.getElementById("result"); + + if (input === "") { + result.innerHTML = "⚠️ Please enter some numbers separated by commas!"; + return; + } + + const numArray = input.split(",").map(item => Number(item.trim())); + + if (numArray.some(isNaN)) { + result.innerHTML = "⚠️ Please enter only valid numbers separated by commas!"; + return; + } + + let sum = 0; + + for (let num of numArray) { + sum += num; + } + + const average = sum / numArray.length; + + result.innerHTML = ` + ✅ Entered Numbers: [${numArray.join(", ")}]
+ ➕ Sum: ${sum}
+ ➗ Average: ${average.toFixed(2)} + `; +} diff --git a/javascript/4-control-structures-loops/Assignment-10/style.css b/javascript/4-control-structures-loops/Assignment-10/style.css new file mode 100644 index 00000000..84d33bb4 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-10/style.css @@ -0,0 +1,65 @@ +body { + font-family: "Poppins", sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 400px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.row { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input { + padding: 8px; + width: 80%; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + width: 60%; + transition: 0.2s ease; +} + +button:hover { + opacity: 0.9; + transform: scale(1.05); +} + +#result { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; + line-height: 1.8; +} diff --git a/javascript/4-control-structures-loops/Assignment-2/leapyear.html b/javascript/4-control-structures-loops/Assignment-2/leapyear.html new file mode 100644 index 00000000..9b80c8dd --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-2/leapyear.html @@ -0,0 +1,28 @@ + + + + + + Leap Year Checker + + + + +
+

Leap Year Checker

+ +
+ + +
+ +
+ +
+ +
Result will appear here...
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-2/script.js b/javascript/4-control-structures-loops/Assignment-2/script.js new file mode 100644 index 00000000..1d45ee8c --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-2/script.js @@ -0,0 +1,16 @@ +function checkLeapYear() { + let year = Number(document.getElementById("year").value); + let result = ""; + + if (!year) { + result = "Please enter a valid year!"; + } + else if ((year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0)) { + result = `${year} is a Leap Year ✅`; + } + else { + result = `${year} is Not a Leap Year ❌`; + } + + document.getElementById("result").innerHTML = result; +} diff --git a/javascript/4-control-structures-loops/Assignment-2/style.css b/javascript/4-control-structures-loops/Assignment-2/style.css new file mode 100644 index 00000000..e7e76211 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-2/style.css @@ -0,0 +1,62 @@ +body { + font-family: "Segoe UI", Arial, sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 25px 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 350px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.row { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input { + padding: 8px; + width: 80%; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + width: 60%; +} + +button:hover { + opacity: 0.85; +} + +#result { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; +} diff --git a/javascript/4-control-structures-loops/Assignment-3/script.js b/javascript/4-control-structures-loops/Assignment-3/script.js new file mode 100644 index 00000000..5ab83fd2 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-3/script.js @@ -0,0 +1,32 @@ +function calculate(operator) { + let num1 = Number(document.getElementById("num1").value); + let num2 = Number(document.getElementById("num2").value); + let result; + + if (isNaN(num1) || isNaN(num2)) { + document.getElementById("result").innerHTML = "Please enter valid numbers!"; + return; + } + + switch (operator) { + case '+': + result = num1 + num2; + break; + case '-': + result = num1 - num2; + break; + case '*': + result = num1 * num2; + break; + case '/': + result = num2 !== 0 ? num1 / num2 : "Cannot divide by zero!"; + break; + case '%': + result = num1 % num2; + break; + default: + result = "Invalid Operator!"; + } + + document.getElementById("result").innerHTML = `Result: ${result}`; +} diff --git a/javascript/4-control-structures-loops/Assignment-3/simplecalculator.html b/javascript/4-control-structures-loops/Assignment-3/simplecalculator.html new file mode 100644 index 00000000..d340bee9 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-3/simplecalculator.html @@ -0,0 +1,32 @@ + + + + + + Simple Calculator + + + + +
+

Simple Calculator

+ +
+ + +
+ +
+ + + + + +
+ +
Result will appear here...
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-3/style.css b/javascript/4-control-structures-loops/Assignment-3/style.css new file mode 100644 index 00000000..deccf5eb --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-3/style.css @@ -0,0 +1,61 @@ +body { + font-family: "Segoe UI", Arial, sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 350px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.calc-box input { + padding: 10px; + margin: 8px; + width: 130px; + border: 1px solid #ccc; + border-radius: 8px; + text-align: center; +} + +.buttons { + margin-top: 15px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + margin: 5px; + width: 50px; + transition: 0.2s ease-in-out; +} + +button:hover { + opacity: 0.85; + transform: scale(1.05); +} + +#result { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; +} diff --git a/javascript/4-control-structures-loops/Assignment-4/largestnum.html b/javascript/4-control-structures-loops/Assignment-4/largestnum.html new file mode 100644 index 00000000..f76a5f34 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-4/largestnum.html @@ -0,0 +1,38 @@ + + + + + + Find the Largest Number + + + + +
+

Find the Largest Number

+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ +
Result will appear here...
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-4/script.js b/javascript/4-control-structures-loops/Assignment-4/script.js new file mode 100644 index 00000000..eeec15db --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-4/script.js @@ -0,0 +1,22 @@ +function findLargest() { + let num1 = Number(document.getElementById("num1").value); + let num2 = Number(document.getElementById("num2").value); + let num3 = Number(document.getElementById("num3").value); + let result = ""; + + + if (isNaN(num1) || isNaN(num2) || isNaN(num3)) { + result = "⚠️ Please enter all three numbers!"; + } else { + + if (num1 >= num2 && num1 >= num3) { + result = `${num1} is the largest number.`; + } else if (num2 >= num1 && num2 >= num3) { + result = `${num2} is the largest number.`; + } else { + result = `${num3} is the largest number.`; + } + } + + document.getElementById("result").innerHTML = result; +} diff --git a/javascript/4-control-structures-loops/Assignment-4/style.css b/javascript/4-control-structures-loops/Assignment-4/style.css new file mode 100644 index 00000000..75f070af --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-4/style.css @@ -0,0 +1,63 @@ +body { + font-family: "Segoe UI", Arial, sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 350px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.row { + margin-bottom: 15px; +} + +label { + display: inline-block; + width: 90px; + font-weight: bold; +} + +input { + padding: 8px; + width: 150px; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + transition: 0.2s ease; +} + +button:hover { + opacity: 0.85; + transform: scale(1.05); +} + +#result { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; +} diff --git a/javascript/4-control-structures-loops/Assignment-5/evenodd.html b/javascript/4-control-structures-loops/Assignment-5/evenodd.html new file mode 100644 index 00000000..d2100564 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-5/evenodd.html @@ -0,0 +1,28 @@ + + + + + + Odd or Even Checker + + + + +
+

Odd or Even Checker

+ +
+ + +
+ +
+ +
+ +
Result will appear here...
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-5/script.js b/javascript/4-control-structures-loops/Assignment-5/script.js new file mode 100644 index 00000000..7515e3fa --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-5/script.js @@ -0,0 +1,14 @@ +function checkOddEven() { + let number = Number(document.getElementById("number").value); + let result = ""; + + if (isNaN(number)) { + result = "⚠️ Please enter a valid number!"; + } else { + result = (number % 2 === 0) + ? `${number} is an Even number ✅` + : `${number} is an Odd number 🔹`; + } + + document.getElementById("result").innerHTML = result; +} diff --git a/javascript/4-control-structures-loops/Assignment-5/style.css b/javascript/4-control-structures-loops/Assignment-5/style.css new file mode 100644 index 00000000..a3813f96 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-5/style.css @@ -0,0 +1,64 @@ +body { + font-family: "Segoe UI", Arial, sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 350px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.row { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input { + padding: 8px; + width: 80%; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + width: 60%; + transition: 0.2s ease; +} + +button:hover { + opacity: 0.85; + transform: scale(1.05); +} + +#result { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; +} diff --git a/javascript/4-control-structures-loops/Assignment-6/calci.html b/javascript/4-control-structures-loops/Assignment-6/calci.html new file mode 100644 index 00000000..e8918d34 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-6/calci.html @@ -0,0 +1,38 @@ + + + + + + Simple Interest Calculator + + + + +
+

Simple Interest Calculator

+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ +
Result will appear here...
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-6/script.js b/javascript/4-control-structures-loops/Assignment-6/script.js new file mode 100644 index 00000000..cfc2c7fb --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-6/script.js @@ -0,0 +1,25 @@ +function calculateInterest() { + let principal = Number(document.getElementById("principal").value); + let rate = Number(document.getElementById("rate").value); + let time = Number(document.getElementById("time").value); + let result = ""; + + + if (principal <= 0 || rate <= 0 || time <= 0) { + result = "⚠️ Please enter valid positive values for all fields!"; + } else { + + let simpleInterest = (principal * rate * time) / 100; + let totalAmount = principal + simpleInterest; + + result = ` + Principal: ₹${principal.toFixed(2)}
+ Rate: ${rate.toFixed(2)}%
+ Time: ${time.toFixed(2)} years

+ 💰 Simple Interest: ₹${simpleInterest.toFixed(2)}
+ 💵 Total Amount: ₹${totalAmount.toFixed(2)} + `; + } + + document.getElementById("result").innerHTML = result; +} diff --git a/javascript/4-control-structures-loops/Assignment-6/style.css b/javascript/4-control-structures-loops/Assignment-6/style.css new file mode 100644 index 00000000..f1a4097f --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-6/style.css @@ -0,0 +1,64 @@ +body { + font-family: "Segoe UI", Arial, sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 380px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.row { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input { + padding: 8px; + width: 80%; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + width: 60%; + transition: 0.2s ease; +} + +button:hover { + opacity: 0.85; + transform: scale(1.05); +} + +#result { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; +} diff --git a/javascript/4-control-structures-loops/Assignment-7/script.js b/javascript/4-control-structures-loops/Assignment-7/script.js new file mode 100644 index 00000000..9d93e766 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-7/script.js @@ -0,0 +1,21 @@ +function generateTable() { + const num = Number(document.getElementById("number").value); + const resultDiv = document.getElementById("result"); + let output = ""; + + if (isNaN(num) || num === 0) { + resultDiv.innerHTML = "⚠️ Please enter a valid non-zero number!"; + return; + } + + output += `

Multiplication Table for ${num}

`; + output += ""; + + for (let i = 1; i <= 10; i++) { + output += ``; + } + + output += "
${num} × ${i}= ${num * i}
"; + + resultDiv.innerHTML = output; +} diff --git a/javascript/4-control-structures-loops/Assignment-7/style.css b/javascript/4-control-structures-loops/Assignment-7/style.css new file mode 100644 index 00000000..a6278085 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-7/style.css @@ -0,0 +1,65 @@ +body { + font-family: "Poppins", sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 380px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.row { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input { + padding: 8px; + width: 80%; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + width: 60%; + transition: 0.2s ease; +} + +button:hover { + opacity: 0.9; + transform: scale(1.05); +} + +#result { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; + line-height: 1.8; +} diff --git a/javascript/4-control-structures-loops/Assignment-7/table.html b/javascript/4-control-structures-loops/Assignment-7/table.html new file mode 100644 index 00000000..8aac44e5 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-7/table.html @@ -0,0 +1,29 @@ + + + + + + + Multiplication Table Generator + + + + +
+

Multiplication Table Generator

+ +
+ + +
+ +
+ +
+ +
Your table will appear here...
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-8/script.js b/javascript/4-control-structures-loops/Assignment-8/script.js new file mode 100644 index 00000000..43f91328 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-8/script.js @@ -0,0 +1,20 @@ +function calculateSum() { + const num = Number(document.getElementById("number").value); + const result = document.getElementById("result"); + + if (isNaN(num) || num <= 0) { + result.innerHTML = "⚠️ Please enter a valid positive number!"; + return; + } + + let i = 1; + let sum = 0; + + + while (i <= num) { + sum += i; + i++; + } + + result.innerHTML = `✅ The sum of numbers from 1 to ${num} is ${sum}`; +} diff --git a/javascript/4-control-structures-loops/Assignment-8/style.css b/javascript/4-control-structures-loops/Assignment-8/style.css new file mode 100644 index 00000000..5cb691c1 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-8/style.css @@ -0,0 +1,64 @@ +body { + font-family: "Poppins", sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 380px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.row { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input { + padding: 8px; + width: 80%; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + width: 60%; + transition: 0.2s ease; +} + +button:hover { + opacity: 0.9; + transform: scale(1.05); +} + +#result { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; +} diff --git a/javascript/4-control-structures-loops/Assignment-8/sum.html b/javascript/4-control-structures-loops/Assignment-8/sum.html new file mode 100644 index 00000000..923f555d --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-8/sum.html @@ -0,0 +1,28 @@ + + + + + + Sum of Numbers + + + + +
+

Sum of Numbers Calculator

+ +
+ + +
+ +
+ +
+ +

Result will appear here...

+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-9/fact.html b/javascript/4-control-structures-loops/Assignment-9/fact.html new file mode 100644 index 00000000..2e224d62 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-9/fact.html @@ -0,0 +1,30 @@ + + + + + + Factorial Calculator (do-while) + + + +
+

Factorial Calculator (do-while)

+ +
+ + +
+ +
+ + +
+ +
+

Result and steps will appear here...

+
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-9/script.js b/javascript/4-control-structures-loops/Assignment-9/script.js new file mode 100644 index 00000000..31928474 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-9/script.js @@ -0,0 +1,47 @@ +function computeFactorial() { + const input = document.getElementById("number"); + const out = document.getElementById("output"); + const raw = input.value.trim(); + + if (raw === "") { + out.innerHTML = `

Please enter a number.

`; + return; + } + + const n = Number(raw); + + if (!Number.isFinite(n) || n < 0 || !Number.isInteger(n)) { + out.innerHTML = `

Enter a non-negative integer (0, 1, 2, ...).

`; + return; + } + + if (n === 0) { + out.innerHTML = ` +

0! = 1 (by definition)

+

Final Result: 1

+ `; + return; + } + + let i = n; + let factorial = 1; + const factors = []; + + do { + factors.push(i); + factorial *= i; + i--; + } while (i >= 1); + + + const stepStr = factors.join(" × "); + out.innerHTML = ` +

${stepStr} = ${factorial}

+

Final Result: ${n}! = ${factorial}

+ `; +} + +function clearAll() { + document.getElementById("number").value = ""; + document.getElementById("output").innerHTML = `

Result and steps will appear here...

`; +} diff --git a/javascript/4-control-structures-loops/Assignment-9/style.css b/javascript/4-control-structures-loops/Assignment-9/style.css new file mode 100644 index 00000000..c4bbabe5 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-9/style.css @@ -0,0 +1,66 @@ +:root{ + --accent: #ff5722; + --accent2: #ff007f; + --bg: #f7f9fb; + --card: #fff; +} + +*{box-sizing:border-box} +body{ + margin:0; + font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif; + background:var(--bg); + display:flex; + align-items:center; + justify-content:center; + height:100vh; +} + +.container{ + width:380px; + background:var(--card); + padding:26px; + border-radius:12px; + box-shadow:0 8px 24px rgba(0,0,0,0.08); + text-align:center; +} + +h2{ color:var(--accent); margin:0 0 14px 0 } + +.row{ margin:12px 0 } +label{ display:block; margin-bottom:6px; font-weight:600; font-size:0.95rem } +input[type="number"]{ + width:100%; + padding:10px 12px; + border:1px solid #ddd; + border-radius:8px; + font-size:1rem; +} + +.actions{ display:flex; gap:8px; justify-content:center } +button{ + padding:10px 14px; + border-radius:8px; + border:none; + background:linear-gradient(90deg,var(--accent),var(--accent2)); + color:white; + font-weight:700; + cursor:pointer; +} +button.muted{ + background:#eee; color:#333; font-weight:600; +} + +#output{ + margin-top:16px; + text-align:left; + background:#f0f0f0; + padding:12px; + border-radius:8px; + min-height:56px; +} + +#output .steps{ font-family: monospace; white-space:pre-wrap; word-break:break-word } +#output .final{ margin-top:10px; font-weight:800; color:#0b6d3a } +#output .error{ color:#b00020; font-weight:700 } +#output .hint{ color:#666 } From 227382dd9e4c9adf18a0798230728e8321eb3dff Mon Sep 17 00:00:00 2001 From: Saidurga Date: Tue, 28 Oct 2025 14:11:35 +0530 Subject: [PATCH 3/5] durga-controlstructure-js --- .../Assignment-11/charfreq.html | 30 +++++++++ .../Assignment-11/script.js | 24 +++++++ .../Assignment-11/style.css | 67 +++++++++++++++++++ .../Assignment-12/prime.html | 33 +++++++++ .../Assignment-12/script.js | 34 ++++++++++ .../Assignment-12/style.css | 67 +++++++++++++++++++ .../Assignment-13/pyramid.html | 28 ++++++++ .../Assignment-13/script.js | 26 +++++++ .../Assignment-13/style.css | 67 +++++++++++++++++++ .../Assignment-14/printname.html | 24 +++++++ .../Assignment-14/script.js | 17 +++++ .../Assignment-14/style.css | 36 ++++++++++ 12 files changed, 453 insertions(+) create mode 100644 javascript/4-control-structures-loops/Assignment-11/charfreq.html create mode 100644 javascript/4-control-structures-loops/Assignment-11/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-11/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-12/prime.html create mode 100644 javascript/4-control-structures-loops/Assignment-12/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-12/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-13/pyramid.html create mode 100644 javascript/4-control-structures-loops/Assignment-13/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-13/style.css create mode 100644 javascript/4-control-structures-loops/Assignment-14/printname.html create mode 100644 javascript/4-control-structures-loops/Assignment-14/script.js create mode 100644 javascript/4-control-structures-loops/Assignment-14/style.css diff --git a/javascript/4-control-structures-loops/Assignment-11/charfreq.html b/javascript/4-control-structures-loops/Assignment-11/charfreq.html new file mode 100644 index 00000000..d1286022 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-11/charfreq.html @@ -0,0 +1,30 @@ + + + + + + Character Frequency Counter + + + + +
+

Character Frequency Counter

+ +
+ + +
+ +
+ +
+ +
+ Result will appear here... +
+
+ + + +< diff --git a/javascript/4-control-structures-loops/Assignment-11/script.js b/javascript/4-control-structures-loops/Assignment-11/script.js new file mode 100644 index 00000000..422ce6c3 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-11/script.js @@ -0,0 +1,24 @@ +function countCharacters() { + const text = document.getElementById("textInput").value; + const resultDiv = document.getElementById("result"); + + if (text.trim() === "") { + resultDiv.innerHTML = "⚠️ Please enter a string!"; + return; + } + + const frequency = {}; + + for (let index in text) { + let char = text[index]; + frequency[char] = (frequency[char] || 0) + 1; + } + + let output = `

Character Frequency:

    `; + for (let char in frequency) { + output += `
  • '${char}' : ${frequency[char]}
    • `; + } + output += `
`; + + resultDiv.innerHTML = output; +} diff --git a/javascript/4-control-structures-loops/Assignment-11/style.css b/javascript/4-control-structures-loops/Assignment-11/style.css new file mode 100644 index 00000000..1c1fe041 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-11/style.css @@ -0,0 +1,67 @@ +body { + font-family: "Poppins", sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 420px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.row { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input { + padding: 8px; + width: 80%; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + width: 60%; + transition: 0.2s ease; +} + +button:hover { + opacity: 0.9; + transform: scale(1.05); +} + +#result { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; + text-align: left; + line-height: 1.8; + word-wrap: break-word; +} diff --git a/javascript/4-control-structures-loops/Assignment-12/prime.html b/javascript/4-control-structures-loops/Assignment-12/prime.html new file mode 100644 index 00000000..6b6fc56d --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-12/prime.html @@ -0,0 +1,33 @@ + + + + + + Prime Numbers Finder + + + + +
+

Prime Numbers Finder

+ +
+ + +
+ +
+ + +
+ +
+ +
+ +
Result will appear here...
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-12/script.js b/javascript/4-control-structures-loops/Assignment-12/script.js new file mode 100644 index 00000000..e1f7f8a6 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-12/script.js @@ -0,0 +1,34 @@ +function findPrimes() { + const start = parseInt(document.getElementById("start").value); + const end = parseInt(document.getElementById("end").value); + const resultDiv = document.getElementById("result"); + + if (isNaN(start) || isNaN(end) || start < 2 || end < 2 || start > end) { + resultDiv.innerHTML = "⚠️ Please enter a valid range (start >= 2 and start ≤ end)"; + return; + } + + let primes = []; + + + for (let num = start; num <= end; num++) { + let isPrime = true; + + for (let i = 2; i < num; i++) { + if (num % i === 0) { + isPrime = false; + break; + } + } + + if (isPrime) { + primes.push(num); + } + } + + if (primes.length > 0) { + resultDiv.innerHTML = `

Prime Numbers between ${start} and ${end}:

${primes.join(", ")}`; + } else { + resultDiv.innerHTML = `No prime numbers found in the range ${start} to ${end}.`; + } +} diff --git a/javascript/4-control-structures-loops/Assignment-12/style.css b/javascript/4-control-structures-loops/Assignment-12/style.css new file mode 100644 index 00000000..1c1fe041 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-12/style.css @@ -0,0 +1,67 @@ +body { + font-family: "Poppins", sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 420px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.row { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input { + padding: 8px; + width: 80%; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + width: 60%; + transition: 0.2s ease; +} + +button:hover { + opacity: 0.9; + transform: scale(1.05); +} + +#result { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; + text-align: left; + line-height: 1.8; + word-wrap: break-word; +} diff --git a/javascript/4-control-structures-loops/Assignment-13/pyramid.html b/javascript/4-control-structures-loops/Assignment-13/pyramid.html new file mode 100644 index 00000000..2ec3dbc4 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-13/pyramid.html @@ -0,0 +1,28 @@ + + + + + + Pyramid Pattern + + + + +
+

Pyramid Pattern Generator

+ +
+ + +
+ +
+ +
+ + 
Pattern will appear here...
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-13/script.js b/javascript/4-control-structures-loops/Assignment-13/script.js new file mode 100644 index 00000000..f2c3ffae --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-13/script.js @@ -0,0 +1,26 @@ +function generatePyramid() { + const rows = parseInt(document.getElementById("rows").value); + const resultDiv = document.getElementById("result"); + + if (isNaN(rows) || rows <= 0) { + resultDiv.textContent = "⚠️ Please enter a valid positive number of rows."; + return; + } + + let pattern = ""; + + for (let i = 1; i <= rows; i++) { + + for (let space = 1; space <= rows - i; space++) { + pattern += " "; + } + + for (let star = 1; star <= 2 * i - 1; star++) { + pattern += "*"; + } + + pattern += "\n"; + } + + resultDiv.textContent = pattern; +} diff --git a/javascript/4-control-structures-loops/Assignment-13/style.css b/javascript/4-control-structures-loops/Assignment-13/style.css new file mode 100644 index 00000000..bc053f35 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-13/style.css @@ -0,0 +1,67 @@ +body { + font-family: "Poppins", sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 420px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 20px; +} + +.row { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input { + padding: 8px; + width: 80%; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + background: linear-gradient(90deg, #ff5722, #ff007f); + border: none; + color: white; + padding: 10px 15px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + width: 60%; + transition: 0.2s ease; +} + +button:hover { + opacity: 0.9; + transform: scale(1.05); +} + +pre { + margin-top: 20px; + background: #f0f0f0; + padding: 10px; + border-radius: 8px; + font-weight: bold; + text-align: left; + white-space: pre; + font-family: monospace; +} diff --git a/javascript/4-control-structures-loops/Assignment-14/printname.html b/javascript/4-control-structures-loops/Assignment-14/printname.html new file mode 100644 index 00000000..1b323a59 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-14/printname.html @@ -0,0 +1,24 @@ + + + + + + Print Your Name (2D Array) + + + + +
+

Print Your Name using 2D Array

+

Check the console (Ctrl + Shift + I → Console tab) to see the printed pattern.

+ +
+

Console Output Screenshot:

+ + Console Output Screenshot +
+
+ + + + diff --git a/javascript/4-control-structures-loops/Assignment-14/script.js b/javascript/4-control-structures-loops/Assignment-14/script.js new file mode 100644 index 00000000..73bd4a35 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-14/script.js @@ -0,0 +1,17 @@ + +const namePattern = [ + ["L", " U", " U", " CCCC", " K", " K", " Y", " Y"], + ["L", " U", " U", " C", " K", " K", " Y", " Y"], + ["L", " U", " U", " C", " KK", " Y"], + ["L", " U", " U", " C", " K", " K", " Y"], + ["LLLLL", " UUU", " CCCC", " K", " K", " Y"] +]; + +console.log("Printing Name Pattern (LUCKY):\n"); +for (const row of namePattern) { + let line = ""; + for (const col of row) { + line += col + " "; + } + console.log(line); +} diff --git a/javascript/4-control-structures-loops/Assignment-14/style.css b/javascript/4-control-structures-loops/Assignment-14/style.css new file mode 100644 index 00000000..170149d2 --- /dev/null +++ b/javascript/4-control-structures-loops/Assignment-14/style.css @@ -0,0 +1,36 @@ +body { + font-family: "Poppins", sans-serif; + background: #f7f9fb; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background: #fff; + padding: 30px; + border-radius: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + width: 450px; + text-align: center; +} + +h2 { + color: #ff5722; + margin-bottom: 10px; +} + +p { + color: #333; +} + +.screenshot { + margin-top: 20px; +} + +.screenshot img { + width: 100%; + border-radius: 10px; + border: 1px solid #ccc; +} From ff1a7b0c4c822ea5618ff61df0579974919bf7d6 Mon Sep 17 00:00:00 2001 From: Saidurga Date: Tue, 28 Oct 2025 14:11:45 +0530 Subject: [PATCH 4/5] durga-controlstructure-js --- .../Assignment-14/screenshot.png | Bin 0 -> 8720 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 javascript/4-control-structures-loops/Assignment-14/screenshot.png diff --git a/javascript/4-control-structures-loops/Assignment-14/screenshot.png b/javascript/4-control-structures-loops/Assignment-14/screenshot.png new file mode 100644 index 0000000000000000000000000000000000000000..d52b1a3b00277499e31f5cb14372eea28de9aa8c GIT binary patch literal 8720 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 Date: Tue, 28 Oct 2025 17:38:54 +0530 Subject: [PATCH 5/5] durga-controlstructure-js --- javascript/4-control-structures-loops/Assignment-1/script.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/javascript/4-control-structures-loops/Assignment-1/script.js b/javascript/4-control-structures-loops/Assignment-1/script.js index d2ecd44d..8f6efb06 100644 --- a/javascript/4-control-structures-loops/Assignment-1/script.js +++ b/javascript/4-control-structures-loops/Assignment-1/script.js @@ -12,7 +12,7 @@ function calculateGrade() { } else if (marks < 50) { grade = "F"; } else { - grade = "Invalid input"; + grade = "Invalid Input"; }