javascrip的小作业（1）

最新推荐文章于 2022-05-13 20:01:04 发布

IsGrit

最新推荐文章于 2022-05-13 20:01:04 发布

阅读量259

点赞数

文章标签： javascrip

本文链接：https://blog.csdn.net/qq_42839752/article/details/81393888

版权

问题：使用if – else if – else 语句判断学生成绩，接收用户输入的成绩，提示（优秀，良好，及格和不及格）信息。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>查询成绩状况</title>
    </head>
    <body>
        <form>
            请输入您的分数:<input type="text"  id="score" />
            <input type="button" value="查询" onclick="regist();" />
        </form>
    </body>

    <script type="text/javascript">
        var scoreNume = document.getElementById("score");
        function regist()
        {
        if(scoreNume.value>=90)
            alert("您的成绩为优秀");
        else if(scoreNume.value>=80)    
            alert("您的成绩为良好");
        else if(scoreNume.value>=60)
            alert("您的成绩为及格");
        else 
            alert("您的成绩为不及格");
        }

        </script>
</html>

Tips:
单个输入值，在定义输入框是，标好id；可以直接用Id 选择器
// 如上 document.getElementById(“score”);
**进行获取，
如果要获得具体的值，
则要在具体需要用的地方加“.value”**
// 如上 scoreNume.value
若 var scoreNume = document.getElementById(“score”).value;
则将 scoreNume定义为全局变量，那么他的值是不会改变的；
为解决此类办法，通常将其放在函数中
如下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>查询成绩状况</title>
    </head>
    <body>
        <form>
            请输入您的分数:<input type="text"  id="score" />
            <input type="button" value="查询" onclick="regist();" />
        </form>
    </body>

    <script type="text/javascript">
        function regist()
        {
        var scoreNume = document.getElementById("score").value;
        if(scoreNume>=90)
            alert("您的成绩为优秀");
        else if(scoreNume>=80)  
            alert("您的成绩为良好");
        else if(scoreNume>=60)
            alert("您的成绩为及格");
        else 
            alert("您的成绩为不及格");
        }

        </script>
</html>