JavaScript+jQuery程序设计 --基础编程题及参考答案

正在奋斗的程序猿

已于 2023-06-11 12:27:04 修改

阅读量861

点赞数 6

分类专栏： JavaScript 文章标签： javascript jquery 开发语言

于 2023-06-11 12:25:02 首次发布

本文链接：https://blog.csdn.net/m0_74293254/article/details/131152002

版权

JavaScript 专栏收录该内容

40 篇文章 1 订阅

订阅专栏

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>

正在奋斗的程序猿

关注

6
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript+jQuery程序设计 --基础编程题及参考答案

求其中最大的值和最小的值分别是多少,最大的值和最小的值在数组中的位置序号分别是多少？C、使用Javascript代码，实现点击【全不选】按钮，取消选中所有的复选框。D、使用Javascript代码，实现点击【反选】按钮，实现复选框的反选效果。B、使用Javascript代码，实现点击【全选】按钮，选中所有的复选框。、有一个数组 var arr1=[30,14,21,13,8,9]1、使用javaScript循环语句，打印9*9乘法表 (A、使用HTML实现如下网页界面。2、按照要求完成如下任务。
复制链接

扫一扫