JavaScript中null与undefined的区别,及简单的计算器功能

null

null表示"没有对象", null类型只有一个值,是null,表示不存在的对象,也可用于声明一个空的对象,null是javascript的关键字,一个空对象指针,代表空值。

undefined

undefined是一个预定义的全局变量,表示某一变量声明未进行初始化。表示"缺少值",就是此处应该有一个值,但是还没有定义。变量被声明了,但没有赋值时,就等于undefined。调用函数时,应该提供的参数没有提供,该参数等于undefined。对象没有赋值的属性,该属性的值为undefined。函数没有返回值时,默认返回undefined。

alert();

页面弹窗

console.log();

控制台输出,可通页面F12找到控制台

document.writer();

页面输出

简单的计算机器功能

简单的输入框计算机器!
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="text" id="num1" placeholder="请输入第一个数字!"/><br/>
    <input type="text" id="count" placeholder="请输入操作  + - * / !"/><br/>
    <input type="text" id="num2" placeholder="请输入第二个数字!"/><br/>
    <input type="button" value="计算" onclick="f()"/>
    结果=<span id="numShow"></span>
<script>
    function f() {
        //获取输入的数据
        var num1 = document.getElementById("num1").value;
        var num2 = document.getElementById("num2").value;
        var count = document.getElementById("count").value;
        
        //类型转换
        num1 = Number(num1);
        num2 = Number(num2);

        //判断计算
        switch (count) {
            case "+":
                document.getElementById("numShow").innerText = num1+num2;
                break;
            case "-":
                document.getElementById("numShow").innerText = num1-num2;
                break;
            case "*":
                document.getElementById("numShow").innerText = num1*num2;
                break;
            case "/":
                document.getElementById("numShow").innerText = num1/num2;
                break;
            case "%":
                document.getElementById("numShow").innerText = num1%num2;
                break;
        }


    }
</script>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值