Javascript:将测试分数转换为字母等级的按钮

标签 javascript html

即使 testScore = 80,输出也始终为“F”。 这是脚本

<script>
    function testScore(){
        var testScore = document.getElementById(score);
        if (testScore >=90){
            alert('A');
        } else if (testScore >=80) {
            alert('B');
        } else if (testScore >=70) {
            alert('C');
        } else if (testScore >=60) {
            alert('D');
        } else {
            alert('F');
    }
    }
</script>

输入,我要求用户输入数字等级,然后在用户点击后将数字等级转换为字母等级按钮。

<input type="number" id="score">
<button onclick="testScore(score)"> Calculate </button>

提前感谢大家。

最佳答案

<script>
    function testScore(){
        var testScore = document.getElementById("score").value;
        if (testScore >=90){
            alert('A');
        } else if (testScore >=80) {
            alert('B');
        } else if (testScore >=70) {
            alert('C');
        } else if (testScore >=60) {
            alert('D');
        } else {
            alert('F');
        }
    }
</script>

您需要获取控件中存在的值。您的代码获得了控制本身,但没有获得值(value)。

关于Javascript:将测试分数转换为字母等级的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58635752/

相关文章:

javascript - 对于函数的每次迭代,如何从数组中输出不同的值;

javascript - 根据对象数组中的条件组合对象

javascript - HTML 表单字段中的 PHP/MYSQL 查询打印结果

html - Bootstrap 3 行问题中的堆叠选项卡

javascript - 更改特定表格的所有 <td> 颜色 onclick

javascript - 无法使用正则表达式提取模式之间的字符串

javascript - 主干 : rendering tree data and updating on changes

jquery - 禁用 youtube 中显示的缩略图

javascript - 使用 JavaScript 查找并替换表中仅过滤的行

html - 如何在 HTML 文档中制作 GIF 动画?