Scribd Logo
Upload

Welcome to Scribd!

  • Activity 422 BCE3353

    Uploaded by

    raghavkejriwal199
    3 views4 pages

    Original Title

    Activity422BCE3353

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views4 pages

    Activity 422 BCE3353

    Uploaded by

    raghavkejriwal199

    Copyright:

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

    Web Development Lab

    Activity 2
    Submitted By:
    Raghav Kejriwal
    22BCE3353
    Screenshot:

    Code:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-
    scale=1.0">
    <title>Document</title>
    </head>
    <body>
    <form id="gradecalculator">
    <label for="name">Subject Name:</label>
    <input type="text" id="name1" required ><br>
    <label for="DA1">DA1:(Out of 10)</label>
    <input type="number" id="da11" required min="0" max="10"><br>
    <label for="DA2">Quiz 1:(Out of 10)</label>
    <input type="number" id="da21" required min="0" max="10"><br>
    <label for="DA3">Quiz 2:(Out of 10)</label>
    <input type="number" id="da31" required min="0" max="10"><br>
    <label for="CAT1">CAT1:(Out of 50)</label>
    <input type="number" id="cat11" required min="0" max="50"><br>
    <label for="CAT2">CAT2:(Out of 50)</label>
    <input type="number" id="cat21" required min="0" max="50"><br>
    <label for="FAT">FAT:(Out of 100)</label>
    <input type="number" id="fat1" required min="0" max="100"><br>
    <br><br>
    <button type="submit">Calculate Grade!</button>
    <h1>Result:</h1>
    <p id="result">

    </p>
    </form>

    <script>
    document.getElementById("gradecalculator").addEventListener("subm
    it",function(event){
    event.preventDefault();
    var da1 = parseFloat(document.getElementById("da11").value);
    var da2 = parseFloat(document.getElementById("da21").value);
    var da3 = parseFloat(document.getElementById("da31").value);
    var cat1 =
    parseFloat(document.getElementById("cat11").value)*(0.3);
    var cat2 =
    parseFloat(document.getElementById("cat21").value)*(0.3);
    var fat = parseFloat(document.getElementById("fat1").value)*(0.4);
    var total = da1 + da2 + da3 + cat1 + cat2 + fat ;
    total = Math.ceil(total);
    var gpa = 0 ;
    var grade ="";
    if(total>=90){
    gpa=10;
    grade="S";
    }
    else if(total>=80){
    gpa=9;
    grade="A";
    }
    else if(total>=70){
    gpa=8;
    grade="B";
    }
    else if(total>=60){
    gpa=7;
    grade="C";
    }
    else if(total>=55){
    gpa=6;
    grade="D";
    }
    else if(total>=50){
    gpa=5;
    grade="E";
    }
    else{
    gpa=0;
    grade="F";
    }
    document.getElementById("result").innerHTML = "Your grade is "+
    grade+"<br> Your GPA is "+ gpa+"<br> Your total is "+ total;
    });
    </script>
    </body>
    </html>

    You might also like