Javascript：将文本框数字输入转换为相应的字母等级_Javascript_Php_Html_If Statement

Javascript：将文本框数字输入转换为相应的字母等级

javascript php html if-statement

Javascript：将文本框数字输入转换为相应的字母等级,javascript,php,html,if-statement,Javascript,Php,Html,If Statement,到目前为止，这是我所拥有的，但我无法让它显示结果。我想能够输入一个数字，如“75”，点击按钮，然后底部的文本框说“C”等其他数字。到目前为止，我的代码如下所示：当我单击“单击此处”时，我不希望答案是单独的，我希望它显示在只读文本框中 <!DOCTYPE html> <html> <head> <script> function myFunction() { var score = document.getElement

到目前为止，这是我所拥有的，但我无法让它显示结果。我想能够输入一个数字，如“75”，点击按钮，然后底部的文本框说“C”等其他数字。到目前为止，我的代码如下所示：

当我单击“单击此处”时，我不希望答案是单独的，我希望它显示在只读文本框中

<!DOCTYPE html>
<html>
<head>
<script>

    function myFunction() {
        var score = document.getElementById("score").value;

        if (90 <= score) 
            {document.write ("A");}
        else if (80 <= score && score < 90) 
            {document.write ("B");}
        else if (70 <= score && score < 80) 
            {document.write ("C");}
        else if (60 <= score && score < 70) 
            {document.write ("D");}
        else 
            {document.write ("E");} 
        }
    }
</script>
</head>
<body>
    Grade % <input type="number" id="score" value=""><br>
    <p><button onclick="myFunction()">CLICK HERE</button></p>
    Letter Grade <input type="text" id="letter" readonly><br><br>
</body>
</html>


函数myFunction（）{
var score=document.getElementById（“score”）.value；
if（90document.write（）
在该位置输出文本。您要做的是将其替换为document.getElementById（'score'）。value=SOME_VAL
其中SOME_VAL
是您的字母等级。
一些建议和问题

在比较之前，使用parseInt将其转换为数字。
var score=parseInt（document.getElementById（“score”）.value，10）
使用文档是一种不好的做法。编写

使用javascript绑定事件处理程序，避免内联事件处理程序，以提高可读性


//选择元素并将单击事件绑定到按钮
document.querySelector（“#btn”）.addEventListener（'click'，function（）{
//比较前转换为整数
var score=parseInt（document.getElementById（“score”）.value，10）；
var letterInput=document.getElementById（“字母”）；
var letter=“E”；
如果（90您必须获取输入元素并在其中设置值。而不是在page.document.write中。write的目标是整个html而不是元素。为了在输入元素中显示结果，请使用document.getElementById（“元素”）并使用.value（）设置该元素的值

函数myFunction（）{
var score=document.getElementById（“score”）.value；
如果（90）您想在页面或输入#字母元素的何处显示结果？您有一个额外的右括号。@我希望字母等级显示在输入文本框中，该框为只读。