运算符和语句案例

134 阅读1分钟

运算符-补零案例

思路:补零开始那个0是字符串做出来的我是没想到的

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //      多读几遍需求 从这个需求里面 来读出 需求和我们学过某些代码之间联系
        //   1 运算符
        //    + -
        //   2 条件语句
        //     if
        //     ? :
        //   3 获取用户输入  prompt

        //    */

        //  1 获取用户输入的第一个数
        //   let num = +prompt('请输入时间');

        // 2 如果(if或者是三元 条件)

        // 条件?执行代码1:执行的代码2
        // num < 10?"补0":''
        // 0+num = num = 8
        //   console.log(strNum);
        // 想让 数字8 前面显示一个 0  转字符串即可
        //   三元写法
        // let strNum = num < 10 ? '0' + num : num;

        //   多行语句写法
        //   let strNum;
        //   if (num < 10) {
        //     strNum = '0' + num;
        //   } else {
        //     strNum = num;
        //   }


        // 自己的写法
        let num = +prompt('请输入一个数字')
        num = num < 10 ? '0' + num : num
        document.write(num)
    </script>
</body>

</html>

运算符-逻辑运算符案例

思路:课堂案例,经过讲解就明白了,晚点看需求自己动手做

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let a = +prompt('请输入一个整数')
        // 两个判断条件:能被4整除&&不能被一百整除
        console.log((a % 4 === 0) && (a % 100 !== 0));
        
    </script>
</body>

</html>

if-多语句案例-简易计算器

思路:自己开始想用三元做,但是做不出来,参考别人才用多语句做出来

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //      1 获取用户的三个输入
        //     前两个是数字 
        //     后一个是 运算符  "+" "-"  "*"  "/ "

        //   2 判断当前的运算符是什么
        //     if(  是➕ )  执行 数字相加
        //     else if  ➖  执行数字相减少
        //     else if  ✖   执行数字想乘
        //     else if  ➗  执行数字相除
        let num1 = +prompt("请输入一个数字"), num2 = +prompt("请输入一个数字"), num3 = prompt("请输入+-*/")

        // 判断当前的操作符 是什么
        if (num3 == '-') {
            alert(num1 - num2)
        }
        else if (num3 == '+') {
            alert(num1 + num2)
        }
        else if (num3 == '*') {
            alert(num1 * num2)
        }
        else if (num3 == '/') {
            alert(num1 / num2)
        }
    </script>
</body>

</html>

if-多语句案例-分数排名

思路:做了计算器很简单做出来了

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 要求:用户输入语文金额数学的分数,然后根据分数来排等级(总分各自是100)
        let mathe = +prompt("请输入数学分数"), language = +prompt("请输入语文分数"), total = mathe + language
        if (total > 190) {
            console.log("优秀");
        }
        else if (total > 180) {
            console.log("良好")
        }
        else if (total > 170) {
            console.log("及格")
        }
        else {
            console.log("重考")
        }

    </script>
</body>

</html>

三元运算符

        // 要求:10以下的数字自动加零,10以上不用
        // 思路:0用字符串补上
        let integer = prompt('请输入一个整数')
        integer = integer < 10 ? '0' + integer : integer
        document.write(integer)
    </script>