JavaScriptDay2

**JavaScript的赋值运算符**

// 变量的声明 var

// 变量的赋值 =

// 变量名 = 变量的值

var num=10;

console.log(num)

num=20;

console.log(num)

num=100;

console.log(num)

**JavaScript的算数运算符**

var a=10,b=3;

// + 加

var c=a+b;

console.log(c);//13

// - 减

console.log(a-b);//7

// * 乘

console.log(a*b);//30

// / 除

console.log(a/b);//3.33333333333333

    35

// % 取余(模 模余)

console.log(a%b);//1

JavaScript的初级事件绑定
<input type="text" id="inp" value="100">
<button id="btn">立即支付</button>

型号：,金额：

var oBtn = document.getElementById("btn");
var oType = document.getElementById("type");
var oPrice = document.getElementById("price");
var oInp = document.getElementById("inp");

JavaScript的赋值运算符
// 变量的声明 var
// 变量的赋值 =
// 变量名 = 变量的值
var num=10;
console.log(num)
num=20;
console.log(num)
num=100;
console.log(num)

JavaScript的算数运算符
var a=10,b=3;
// + 加
var c=a+b;
console.log(c);//13
// - 减
console.log(a-b);//7
// * 乘
console.log(a*b);//30
// / 除
console.log(a/b);//3.3333333333333335
// % 取余(模 模余)
console.log(a%b);//1
// 10(被除数)÷3(除数)=3(商)···1(余数)
console.log(10%2);//0

JavaScript的比较运算符
// 用来进行判断 判断条件使用 返回布尔值(true false)
var num1=10;
var num2=10;
var num3=20;
var str="10";

// 1. >大于 <小于 >=大于等于 <=小于等于
console.log(num1>num2);// false
console.log(num2<num3);// false
console.log(num1>=num2);// true
console.log(num1>=str);// true   隐式数据类型转换  会将非数字类型转换为数字类型

// 2. == 等于  != 不等于
console.log(num1==num2);// true
console.log(num1!=num2);// false
console.log(num3!=num2);// true
console.log(num1==str);// true   数值相等

// === 绝对等于(数值和数据类型都相同)   
console.log(num1===str);// false
console.log(num1===num2);// true
// !== 不绝对等于 
console.log(num1!==str);// true  数值相等 数据类型不同
console.log(num2!==num3);// true  数据类型相同 数值不相等
console.log(num3!==str);// true  数据类型和数值都不想等
console.log(num1!==num2);// false 数据类型和数值都相同

JavaScript的逻辑运算符
var num1 = 10;
var num2 = 20;
var str = "10";
// && (逻辑与,表达式前后都为true)
console.log(num1 > 5 && num2 > 5 && str == 10); // true
// || (逻辑或,表达式前后只要有一个为true)
console.log(num1 < 5 || num2 < 5 || str == 10); // true
// ! (逻辑取反,表达式为true返回false,为false,返回true)
console.log(!num1>5);//false
console.log(!!true);//true

JavaScript的一元运算符
var i = 10;

// ++ (自增，每执行一次，自身+1)
// var j=i++;
// console.log(j,i);//10 11

// i++ 先赋值 后运算 
console.log(i++); //10  console.log(i)   i+1
console.log(i); //11
// ++i 先运算 后赋值
console.log(++i); // 12  i+1   console.log(i)
console.log(i); // 12


// -- (自减，每执行一次，自身-1)
// i-- 先赋值 后运算 
console.log(i--); //12  console.log(i)   i-1
console.log(i); //11
// --i 先运算 后赋值
console.log(--i); // 10  i-1   console.log(i)
console.log(i); // 10


var a = 10;
console.log(++a + a++ - a-- + a - a++); // 10
// 11 + 11 - 12 +11 - 11      
console.log(a); // 12     

console.log(a++ + a++ + --a - a-- + a - a++ - a-- + a - a++);// 12      
            // 12  + 13 + 13 - 13 + 12 - 12 - 13 + 12 - 12

JavaScript的二元运算符
var num=10;
// += a+=10; a=a+10;
num+=20;// num=num+20;
console.log(num);//30

// -=
num-=10;//num=num-10
console.log(num);//20
// *= 
num*=100;
console.log(num);//2000
// /= 
num/=20;
console.log(num);//100
// %=
num%=3;// num=num%3
console.log(num);//1

// += 拼接字符串
var str1="hello";
var str2="world";
var str3="";
console.log(str1+str2);
str3+="hello Nanjing";
console.log(str3);

JavaScript的三元运算符
// 条件?条件为真(true)时执行的代码:条件为假(false)时执行的代码
// var age=20;
var age=window.prompt("请输入你的年龄",18);
age>=18?console.log("成年人"):console.log("未成年");

JavaScript运算符的优先级
// 算术运算符 > 比较运算符 > 逻辑运算符 > 赋值运算符
var result=2+1>3+5;
console.log(result);// false
var result2=7>5&&10>7;
console.log(result2);// true

// += 拼接字符串
// 数据类型的隐型转换 - * / % -= *= /+ %= ++ -- > < >= <= ==
console.log(typeof("100"));//string
console.log(typeof("100"*1));//number

JavaScript的if语句
// if语句：只有当指定的条件为true时，执行代码
// if(条件){
// // 条件成立时执行的代码
// }

if(true){
    console.log("条件为真")
}

if(10>5){
    console.log("条件为真")
}

JavaScript的if...else语句
// if...else语句：当指定的条件为true时，执行代码，当为false时，执行其他的代码
// if(条件){
// // 条件成立时执行的代码 true
// }else{
// // 条件不成立时执行的代码 false
// }

var age=window.prompt("请输入你的年龄",18)
if(age>=18){
    console.log("已成年，可以进入")
}else{
    console.log("未成年，不可以进入")
}

JavaScript的if...elseif...if语句
// if...else if...else语句：选择多个代码之一来执行
// if(条件1){
// // 条件1成立时执行的代码 true
// }else if(条件2){
// // 条件2成立时执行的代码
// }else if(条件3){
// // 条件3成立时执行的代码
// }else{
// // 所有条件都不成立时执行的代码 false
// }

var age=window.prompt("请输入你的年龄",18);
if(age<14){
    console.log("年龄小于14岁,游戏时长不超过1小时")
}else if(age>=14&&age<16){
    console.log("年龄介于14到16岁，游戏时长不超过2小时")
}else if(age>=16&&age<18){
    console.log("年龄介于16到18岁，游戏时长不超过3小时")
}else{
    console.log("年龄大于18岁，游戏时长自己控制")
}

JavaScript的switch语句
// switch语句用于基于不同条件执行不同的动作。
// switch(变量){
// case "值1":
// // 执行代码
// break;
// case "值2":
// // 执行代码
// break;
// case "值3":
// // 执行代码
// break;
// ...
// default:
// // 以上条件都不成立时执行的代码
// }

var oDay = window.prompt("今天是星期几？");
// console.log(oDay,typeof oDay);

switch (oDay) {
    case 1:
        console.log("今天是星期一，上班")
        break;
    case 2:
        console.log("今天是星期二，上班")
        break;
    case 3:
        console.log("今天是星期三，上班")
        break;
    case 4:
        console.log("今天是星期四，上班")
        break;
    case 5:
        console.log("今天是星期五，上班")
        break;
    case 6:
        console.log("今天是星期六，休息")
        break;
    case 7:
        console.log("今天是星期日，休息")
        break;
    default:
        console.log("疯掉了") 
        break;
}