如何在網頁上顯示功能的結果。我想顯示平均分數和字母等級。我已經附上了我的代碼。

Question

這可能是一個簡單的問題，但是我在上課，只是在學習。 我知道代碼有效，因為警報框有效，但是我不知道如何在網頁上顯示結果。 請幫忙。 如果您有任何建議，請告訴我。

<html>

    <head>
    </head>

    <body>
    A: <input type = "text" id = "v" maxlength="3" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
    <br>
    B: <input type = "text" id = "w" maxlength="3" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
    <br>
    C: <input type = "text" id = "x" maxlength="3" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
    <br>
    D: <input type = "text" id = "y" maxlength="3" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
    <br>
    E: <input type = "text" id = "z" maxlength="3" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
    <br>

    <button type = "button" id = "Average"> 
    Average </button>
    <div id = "Average">
    </div>
    <div id = "Letter">
    </div>
    </body>

    <script src = "LetterGrade.js"></script>
    <script src = "calcAvg.js"> 
    </script>
    <p>"Your average grade is: " </p>
    <p>"Your letter grade is: " + document.getElementById("Letter").value </p>

</html>
function Average(a,b,c,d,e)
{
    var v = parseInt(a);
    var w = parseInt(b);
    var x = parseInt(c);
    var y = parseInt(d);
    var z = parseInt(e)
    return (v + w + x + y + z) / 5;
}

function Display()
{
    var v = document.getElementById("v").value;
    var w = document.getElementById("w").value;
    var x = document.getElementById("x").value;
    var y = document.getElementById("y").value;
    var z = document.getElementById("z").value;
    var message = Average(v,w,x,y,z);

    document.getElementById("Average").value = message;

    window.alert(message);

    document.getElementById("Letter").value = LetterGrade(message);

    window.alert(LetterGrade(message));
}

document.getElementById("Average").addEventListener("click", Display);

function LetterGrade (grade)
{
    var Letter;
    if(grade >= 90)
    {
        Letter = "A";
    }
    else if ((grade >= 80) && (grade < 90))
    {
        Letter = "B";
    }
        else if ((grade >= 70) && (grade < 80))
    {
        Letter = "C";
    }
    else if ((grade >= 60) && (grade < 70))
    {
        Letter = "D";
    }   
    else
    {
        Letter = "F";
    }

    return Letter;

    console.log("Your letter grade is: " + Object.Letter);
}

Answer 1

document.getElementById("Average").value = message;
document.getElementById("Letter").value = LetterGrade(message);

input標簽的value屬性比任何東西都更多。 您正在尋找的是innerHTML ：

document.getElementById("Average").innerHTML = message;
document.getElementById("Letter").innerHTML = LetterGrade(message);

如何在網頁上顯示功能的結果。我想顯示平均分數和字母等級。我已經附上了我的代碼。

問題描述

1 個解決方案

解決方案1
2 2016-02-01 20:36:56

如何在網頁上顯示功能的結果。 我想顯示平均分數和字母等級。 我已經附上了我的代碼。

問題描述

1 個解決方案

解決方案1 2 2016-02-01 20:36:56

如何在網頁上顯示功能的結果。我想顯示平均分數和字母等級。我已經附上了我的代碼。

解決方案1
2 2016-02-01 20:36:56