<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text" id="inpt">
<input type="text" id="inpt2">
<input type="button" id="btn" value="求和">
</body>
<script>
var Inpt=document.getElementById("inpt");
var Inpt2=document.getElementById("inpt2");
var Btn=document.getElementById("btn");
Btn.onclick=function () {
// alert(parseInt(Inpt.value)+parseInt(Inpt2.value));把小数或字符串变成整数相加
var n1=parseInt(Inpt.value);
var n2=parseInt(Inpt2.value);
if (isNaN(n1)){ //非数字
alert('你输入第一个数字有误');
}else if(isNaN(n2)){ //非数字
alert('你输入二个数字有误');
}else {
alert(n1+n2);
}
}
</script>
</html>
局部变量
function aaa() {
var a=12; //局部变量;只能在定义他的函数里面使用
alert(a)
}
//function bbb() {
// alert(a)
//}
aaa();
//bbb()
全局变量
var a; 全局变量,在任意地方都可以使用
function aaa() {
a=12;
}
function bbb() {
alert(a);
}
aaa();
bbb();
隐式类转换
1.<script>
var a=5;
var b='5';
// alert(a==b); //true 先转化类型,然后再比较
alert(a===b); //false 不转化类型,直接比
</script>
2.<script>
var a='12';
var b='5';
alert(a+b); //1.字符串连接(计算机只执行最简便的方法)2.数字相加
alert(a-b); //1.数字相减
</script>
闭包
<script>
// 子函数可以使用父函数的局部变量
function aaa() { //父函数
var a=12;
function bbb() { //子函数
alert(a);
}
bbb();
}
aaa();
</script>
逻辑运算符
<script>
var n=55;
if (n>9 && n<100){ //与&&并且(两个条件必须同时成立) // 或||或者(多个条件成了一个就可以) //!否相反
alert('两位数')
}else {
alert('不是')
}
</script>
三元运算符
<script>
var a=14;
// if (a%2==0){
// alert('双数');
// }else {
// alert('单数');
// }
a%2==0?alert('双数'):alert('单数');
</script>
break和continue
<script>
for (var i=0;i<5;i++){
if (i==2){
//break; //整个循环中断了
continue; //本次循环中断了
}
alert(i);
}
</script>
true和false
<script>
//真:true,非零数字,非空字符串,非空对象
//假:false,数字零,空字符串,空对象(null),undefined
var a=0;
if (a){
alert('真的');
} else {
alert('假的');
}
</script>