<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>JavaScript 数组</h1>
<!-- 数组和对象的区别
在 JavaScript 中,数组使用数字索引。
在 JavaScript 中,对象使用命名索引。
数组是特殊类型的对象,具有数字索引。 -->
<!-- 何时使用数组,何时使用对象?
JavaScript 不支持关联数组
如果希望元素名为字符串(文本)则应该使用对象。
如果希望元素名为数字则应该使用数组。 -->
<p id="demo"></p>
<script>
var fruits = ["IQ", "SQ", "LQ", "WQ"];
document.getElementById("demo").innerHTML = fruits.length;
function myFunction() {
fruits.push("Lemon");
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<hl>乘法口诀表</hl>
</body>
<script>
var SQ = 1;
var LQ = 1;
while (SQ < 10) {
while (LQ < 10) {
console.log(SQ + ' x' + LQ + '=' + LQ * SQ);
LQ++;
}
LQ = 1;
SQ++;
}
</script>
</html>
```c
Document 计算机
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<hl>成绩查询</hl>
<div id="SQ"></div>
<input type="text" id="input">
<input type="button" value="查询" id="js">
<script>
var btn = document.getElementById('js');
btn.onclick = function() {
var input = document.getElementById("input").value;
if (input > 50 && input == 60) {
alert("继续加油!");
} else if (input >= 60 && input < 70) {
alert("恭喜你及格了!");
} else if (input >= 70 && input < 100) {
alert("不要骄傲哦!");
} else if (input == 100) {
alert('恭喜你满分!')
}
}
</script>
</body>
</html>