JS运算符

最新推荐文章于 2024-03-19 20:53:24 发布

Dakemaster

最新推荐文章于 2024-03-19 20:53:24 发布

阅读量219

点赞数

分类专栏： js 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/Dakemaster/article/details/124095519

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript中的数字运算符、关系运算符、赋值运算符和逻辑运算符的使用，包括加减乘除、比较、自增自减等操作。此外，还讲解了事件编程的概念，通过示例展示了如何监听并处理点击事件，计算输入的宽度和高度的乘积。文章以一个简单的面积计算为例，展示了JavaScript在网页交互中的应用。

摘要由CSDN通过智能技术生成

数字运算符

包括：+ — * / %

var x=10;
        var y=20;
        var z=x+y;
        //如果一个较小的数，和一个较大的数取余数，结果是较小的数
        console.log(z);

var x=1;
        x++;
        console.log(x);//x++先执行其它最后再加
                        //++x 先加再执行其他

        //如果是两个字符串做加法，直接拼接到一起
        //如果是数值和字符相加，会默认将数值转化为字符然后再拼接
        var x="helow";
        var y="nihao";
        var z=x+y;
        console.log(z);

关系运算符

> < >= <= ==判断是否相等（只判断值是否相等）

===不仅判断值还会判断数据类型

  var x=10;
        var y=20;
        var z=x>y;
        console.log(z);

赋值运算符

+= -= *= /= %=

var x=20;
        var y=30;
        x=x+y;
        //x+=y; 简写模式 运行速度快
        console.log(x);

逻辑运算符

%% || ！（）

var x=20;
        var y=x>10&&x<30;//&& 左右同时为真才为真
                        // ||或 左右同时为假，才为假
                        //  ！（）  改变真假
        console.log(y);

面积计算

<!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>面积计算</title>
</head>
<body>
    宽度：<input type="text"id="bt2">
    高度；<input type="text"id="bt3">
    <button id="bt1">计算</button>
    <script>
        //需求；点击计算按钮时，获取宽度和高度input框中所输入的值相乘得到结果
        //事件编程：1.事件源 2.事件 3.事件的处理
        //如果在js中找到对应元素
        var bti=document.getElementById("bt1");//在文档中通过ID属性获取到指定的元素
        //onclick点击事件
        bt1.onclick=function(){//当bt1点击时触发的事件处理函数
            var bt2=document.getElementById("bt2");//找到宽度的input框
            var bt3=document.getElementById("bt3");//找到高度的input框
            var width=bt2.value;//获取input框中的内容 通过.value都是字符属性
            var height=bt3.value;
            var sum=width*height;
            alert(sum); 
        }
    </script>
</body>
</html>

Dakemaster

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS运算符

数字运算符包括：+ — * / %var x=10; var y=20; var z=x+y; //如果一个较小的数，和一个较大的数取余数，结果是较小的数 console.log(z);var x=1; x++; console.log(x);//x++先执行其它最后再加 //++x 先加再执行其他 //如果是两个字符串做加法，直接
复制链接

扫一扫