111 lines
2.4 KiB
HTML
111 lines
2.4 KiB
HTML
|
|
<!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>Document</title>
|
|
<style>
|
|
span {
|
|
border: 1px solid #000;
|
|
padding: 5px 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
</body>
|
|
<script>
|
|
// 条件语句
|
|
// var money = 10
|
|
// if (money > 50) {
|
|
// console.log("去吃好吃的");
|
|
// } else {
|
|
// console.log("简单吃一点");
|
|
// }
|
|
|
|
// 简写 三元运算符
|
|
|
|
// money > 50 ? console.log("去吃好吃的") : console.log("简单吃一点");
|
|
|
|
var cj = 98;
|
|
if (cj < 60 && cj >= 0) {
|
|
console.log("不及格");
|
|
} else if (cj >= 60 && cj <= 70) {
|
|
console.log("一般");
|
|
} else if (cj > 70 && cj <= 80) {
|
|
console.log("普通");
|
|
} else if (cj > 80 && cj <= 90) {
|
|
console.log("良");
|
|
} else if (cj > 90 && cj <= 100) {
|
|
console.log("优秀");
|
|
} else {
|
|
console.log("分数不正确");
|
|
}
|
|
|
|
|
|
// if switch
|
|
|
|
// switch 对固定的数值进行判断，一般代码比较简洁
|
|
|
|
var vipType = 0; // 0 1 2
|
|
switch (vipType) {
|
|
case 1:
|
|
console.log("普通vip");
|
|
break;
|
|
case 0:
|
|
console.log("普通用户");
|
|
break;
|
|
case 2:
|
|
console.log("超级vip");
|
|
break;
|
|
default:
|
|
console.log("不知道你是什么用户")
|
|
break;
|
|
}
|
|
|
|
|
|
// for (循环起始变量;循环结束条件;循环递增) {
|
|
|
|
// }
|
|
|
|
// for (var i = 1; i <= 100; i++) {
|
|
// console.log(i);
|
|
// }
|
|
|
|
|
|
// var i = 101;
|
|
// while (i <= 100) {
|
|
// console.log(i);
|
|
// i++;
|
|
// }
|
|
|
|
// do {
|
|
// console.log(i);
|
|
// i++;
|
|
// } while (i <= 100);
|
|
|
|
// 九九乘法表
|
|
var result = "";
|
|
|
|
for (var i = 1; i <= 9; i++) {
|
|
for (var j = 1; j <= i; j++) {
|
|
// es6 新的字符串拼接方案
|
|
// `是字符串` ${写的是变量}
|
|
// result += j + " x " + i + " = " + i * j
|
|
result += `<span>${j} x ${i} = ${i * j}</span> `
|
|
}
|
|
result += " <br/><br/>"
|
|
}
|
|
|
|
document.write(result)
|
|
|
|
console.log(result);
|
|
|
|
</script>
|
|
|
|
</html>
|