首页 前端知识 JavaScript jQuery程序设计 --基础编程题及参考答案

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

2024-08-05 23:08:15 前端知识 前端哥 367 119 我要收藏

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>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14838.html
标签
评论
发布的文章

JQuery的选择器有哪些?

2024-08-14 22:08:43

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!