Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 2

IRFAN-AHMAD

BC230413409

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Grade Calculator</title>

</head>

<body>

<h1>Grade Calculator</h1>

<form id="gradeForm">

<label for="subject1">Subject 1 Grade:</label>

<input type="number" id="subject1" min="0" max="100" required><br>

<label for="subject2">Subject 2 Grade:</label>

<input type="number" id="subject2" min="0" max="100" required><br>

<label for="subject3">Subject 3 Grade:</label>

<input type="number" id="subject3" min="0" max="100" required><br>

<label for="subject4">Subject 4 Grade:</label>

<input type="number" id="subject4" min="0" max="100" required><br>

<button type="button" onclick="calculateAverage()">Calculate Average</button>

</form>

<p id="result"></p>

<script>
function calculateAverage() {

const subject1Grade = parseFloat(document.getElementById('subject1').value);

const subject2Grade = parseFloat(document.getElementById('subject2').value);

const subject3Grade = parseFloat(document.getElementById('subject3').value);

const subject4Grade = parseFloat(document.getElementById('subject4').value);

const average = (subject1Grade + subject2Grade + subject3Grade + subject4Grade) / 4;

const resultElement = document.getElementById('result');

const name = "IRFAN"; // Replace with your actual name

const vuid = "BC230413409"; // Replace with your VUID

if (average >= 50) {

resultElement.textContent = `Congratulations, ${name} (VUID: ${vuid})! You passed with an


average grade of ${average.toFixed(2)}.`;

} else {

resultElement.textContent = `Sorry, ${name} (VUID: ${vuid}), you failed with an average


grade of ${average.toFixed(2)}.`;

</script>

</body>

</html>

You might also like