Scribd Logo
Upload

Welcome to Scribd!

  • My Grade Cal

    Uploaded by

    lukmanolamide001
    2 views2 pages
    The document contains a form that takes a student's score as input. It then uses the score to determine the grade and remark. The grade and remark are automatically populated in other fields based on the following ranges: A for 70-100, B for 60-69, C for 50-59, D for 45-49, E for 40-44, and F for 0-39. Scores outside this range return an error.

    Original Description:

    Original Title

    my_grade_cal

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains a form that takes a student's score as input. It then uses the score to determine the grade and remark. The grade and remark are automatically populated in other fields based on the following ranges: A for 70-100, B for 60-69, C for 50-59, D for 45-49, E for 40-44, and F for 0-39. Scores outside this range return an error.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    2 views2 pages

    My Grade Cal

    Uploaded by

    lukmanolamide001
    The document contains a form that takes a student's score as input. It then uses the score to determine the grade and remark. The grade and remark are automatically populated in other fields based on the following ranges: A for 70-100, B for 60-69, C for 50-59, D for 45-49, E for 40-44, and F for 0-39. Scores outside this range return an error.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <html>

    <head>

    <title>Document</title>

    </head>

    <body>

    <form style="width: 50%;" action="" >

    <fieldset style="text-align: center;">

    <legend style="width: 70px; padding: 2px; margin-left: calc(50% - 35px - 8px);">

    <h1>Input</h1>

    </legend>

    <label for="score">Score:</label>

    <input style="margin-bottom: 1rem; width: 250px;" type="number" name="score" id="score"


    min="0" max="100" required><br>

    <button style="margin-bottom: 1rem;" type="button"


    onclick="handleCheck()">Check</button><br>

    <label for="grade">Grade:</label>

    <input style="margin-bottom: 1rem; width: 250px;" type="text" id="grade" readonly ><br>

    <label for="remark">Remark:</label>

    <input style="width: 250px;" type="text" id="remark" readonly >

    </fieldset>

    </form>

    <script>

    function handleCheck() {

    const score = parseInt(document.getElementById('score').value)

    let grade, remark;

    if(score >= 70 && score <= 100) {

    grade = 'A';
    remark = 'Pass';

    } else if(score >= 60 && score <= 69) {

    grade = 'B';

    remark = "Pass"

    } else if(score >= 50 && score <= 59) {

    grade = 'C';

    remark = "Pass"

    } else if(score >= 45 && score <= 49) {

    grade = 'D';

    remark = "Pass"

    } else if(score >= 40 && score <= 44) {

    grade = 'E';

    remark = "Pass"

    } else if(score >= 0 && score < 40) {

    grade = 'F';

    remark = "Fail"

    } else {

    grade = '';

    remark = "Invalid Score"

    document.getElementById('grade').value = grade;

    document.getElementById('remark').value = remark;

    </script>

    </body>

    </html>

    You might also like