1、使用javaScript循环语句,打印9*9乘法表
完成效果图:
2、按照要求完成如下任务
A、使用HTML实现如下网页界面
B、使用Javascript代码,实现点击【全选】按钮,选中所有的复选框
C、使用Javascript代码,实现点击【全不选】按钮,取消选中所有的复选框
D、使用Javascript代码,实现点击【反选】按钮,实现复选框的反选效果
3、有一个数组 var arr1=[30,14,21,13,8,9]
求其中最大的值和最小的值分别是多少,最大的值和最小的值在数组中的位置序号分别是多少?
//1.使用javaScript循环语句,打印9*9乘法表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JS练习</title>
</head>
<body>
<script>
for(var q=1;q<=9;q++){
for(var w=1;w<=q;w++){
document.write(w+"*"+q+"="+w*q+" ");
}
document.write("<br/>");
}
</script>
</body>
</html>
//2.按照要求完成如下任务
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<script>
// 点击全选按钮所有复选框状态为选中,再次点击取消全选
function myAll(){
var all= document.getElementById("all");
var list = document.getElementsByName("onelist");
for(var i=0; i<=list.length; i++){
list[i].checked = all.checked;
}
}
//当所有的复选框选中时,全选按钮的状态变为选中
function myOne(){
var all= document.getElementById("all");
var list = document.getElementsByName("onelist");
for (var i=0; i<=list.length; i++){
if (list[i].checked==false){
all.checked=false;
return;
}
else{
all.checked=true;
}
}
}
//当所有的复选框选中时,全选按钮的状态变为反选效果
function myAlll(){
var all= document.getElementById("all");
var list = document.getElementsByName("onelist");
for(var i=0; i<=list.length; i++){
if(list[i].checked==false){
list[i].checked=true;
}
else{
list[i].checked=false;
}
}
}
</script>
<body>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td><input name="onelist" type="checkbox" onclick="myOne()"></td>
<td>老李</td>
</tr>
<tr>
<td><input name="onelist" type="checkbox" onclick="myOne()"></td>
<td>老李</td>
</tr>
<tr>
<td><input name="onelist" type="checkbox" onclick="myOne()"></td>
<td>老李</td>
</tr>
<tr>
<td><input name="onelist" type="checkbox" onclick="myOne()"></td>
<td>老李</td>
</tr>
<td colspan="5"><input id="all" type="checkbox" onclick="myAll()">[全选/全部选]</td>
<tr>
<td colspan="5"><input id="all" type="checkbox" onclick="myAlll()">[反选]</td>
</tr>
</table>
</body>
</html>
//3、求其中最大的值和最小的值分别是多少,最大的值和最小的值在数组中的位置序号分别是多少?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var arr1 = [30, 14, 21, 13, 8, 9];
// 查找最大值和其位置
let max = arr1[0];
let maxIndex = 0;
for (let i = 1; i < arr1.length; i++) {
if (arr1[i] > max) {
max = arr1[i];
maxIndex = i;
}
}
// 查找最小值和其位置
let min = arr1[0];
let minIndex = 0;
for (let i = 1; i < arr1.length; i++) {
if (arr1[i] < min) {
min = arr1[i];
minIndex = i;
}
}
console.log(`数组中最大的值是${max},在数组中的位置序号为${maxIndex}`);
console.log(`数组中最小的值是${min},在数组中的位置序号为${minIndex}`);
</script>
</body>
</html>