<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="text" name="man" id="man" value="" />
<input type="button" name="btn" id="btn" value="提交" />
<script type="text/javascript">
// 1. 布尔值
// 表示真或假,两种状态
// condition 条件 状态的意思
// 非 0 即真
var cond1 = true; // 还有个值是false
var cond2 = 200; // 真的
cond2 = -2; // 真的
cond2 = 0; // 假的
// 如果是字符串 空字符串是假的 有内容就是真的
cond2 = ""; // 假的
cond2 = "0"; // 真的
cond2 = null; // 假的, 空对象就是假的
var cond3; // undefined 未定义类型为假
// alert(Boolean(cond3));
// 关系运算符
// >, <, >=, <=, ==, !=, ===, !==
var a = 8;
var result1 = a >= 3; // true;
// alert(result1);
var result2 = a != 7;
// alert(result2); // true;
var b = "8"; // String
// == 判断相等时,存在隐式类型转换
// === 判断相等时,判断类型以及值
result2 = a !== b;
// alert(result2);
// 逻辑运算符
// 逻辑与(并且),逻辑或(或者),逻辑非
// && || !
var cond4 = 5 > 3; // 真的
// alert(cond4);
var cond5 = 3 == "3"; // 真的
// alert(cond5);
// 逻辑与必须两个都为真 结果才为真。一假即假。
var cond = cond4 && cond5;
// 逻辑或 一真即真。
cond = cond4 || cond5;
// alert(cond);
// 短路情况
var b = 1;
// 短路与,若情况1为假,则整体为假,不考虑后面。(也不执行)
cond = 5 < 3 && ++b;
// 短路或,若情况1为真,则整体为真,不考虑后面。
cond = 5 > 3 || ++b;
// alert(b);
// 条件运算符(三目运算符)
// 情况condition ? 表达式1 : 表达式2;
b = 1;
var c = 3;
var res = b > c ? b++ : 2;
// alert(b);
// 分支结构
// 如果。。。就。。。
// 当满足一定条件时,做某件事
// if
// 1. 简单形式
// 要买一斤包子
// if (condition 条件(遇到卖西瓜的)) {
// 做的一些事。
// 买一个
// }
if (b < c) {
// alert("套路你的分支结构");
}
// 练习1: 用input标签输入一个字符,如果输入的是m,则提示男性,否则什么都不提示。
var oMan = document.getElementById("man");
var oBtn = document.getElementById("btn");
oBtn.onclick = function(){
if (man.value == "m") {
alert("男性");
}
};
// 2. 如果。。。就。。。否则。。。
// if (如果的条件) {
// 就。。。
// } else{
// 否则。。。
// }
// if (5 < 3) {
alert("屌丝");
// } else{
alert("男神");
// }
//
// oBtn.onclick = function(){
// if (man.value == "m") {
// alert("男性");
// }
// else{
// alert("其他");
// }
// };
// 练习3:input输入一个整型, 如果整型在1~100范围内,打印两位数, 如果不是,打印三位数.
// oBtn.onclick = function(){
// var number = parseInt(man.value);
// if (number >= 1 && number < 100) {
// alert("两位数");
// }
// else{
// alert("三位数");
// }
// };
// 练习3: 输入一个年份,判断该年份是否是闰年?如果是闰年,则输出该年是闰年,否则输出该年不是闰年。
// 满足闰年的条件:满足一个即可
// 1. 能被400整除。(如2000年是闰年,1900年不是闰年)
// 2. 能被4整除,但是不能被100整除。(如2004年就是闰年,2010年不是闰年)
// oBtn.onclick = function(){
// var year = parseInt(man.value);
// // 条件1
// var cond1 = year % 400 == 0;
// // 条件2
// var cond2 = year % 4 == 0 && year % 100 != 0;
//
// if (!(year % 400) || cond2) {
// alert("闰年");
// }
// else{
// alert("平年");
// }
// }
// 练习4: 输入一个成绩,如果成绩在80-100之间,则输出优秀;如果成绩在60-80之间,则输出中等;否则输出不及格
oBtn.onclick = function(){
var score = parseInt(man.value);
if (score >=80 && score <= 100) {
alert("优秀");
} else{
if (score >=60 && score < 80) {
alert("中等");
}
else{
alert("不及格");
}
}
}
// 如果。。。就。。。否则如果。。。就。。。
// 级联式
// {
// 就。。。
// }else if (条件2) {
// 就。。。
// }
// else if (条件3) {
// 就。。。
// }......
// else{
// // 上面条件都不满足,执行else
// // 在级联式中,可有可无
// }
//
// 练习5:有一个函数:x<1的时候,y = x;1<=x<10的时候,y=2x-1;x>=10的时候,y=3x-11。写一段程序,输入x,输出y值。
// oBtn.onclick = function (){
// var x = Number(man.value);
// if (x < 1) {
// y = x;
// } else if (x < 10 && x >= 1) {
// y = 2 * x - 1;
//
// } else if (x >= 10) {
// y = 3 * x - 11;
// }
// alert(y);
// }
// 多分支结构
// switch (){
// case value:
// break;
// defult 默认情况
// default:
// break;
// }
// oBtn.onclick = function (){
// var phone = parseInt(man.value);
// switch (phone){
// case 119:{
// alert("火警");
// } break;
//
// case 110:{
// alert("警察局");
// } break;
//
// case 114:{
// alert("查询中心");
// } break;
//
// case 120:{
// alert("急救");
// } break;
//
// default: {
// alert("你到底要打给谁");
// } break;
// }
// }
//
</script>
</body>
</html>