<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>找最大值和最小值</title>
</head>
<style>
div {
margin: 20px;
width: 600px;
border: solid 1px gray;
}
#box1 input {
width: 60px;
margin-right: 20px;
}
</style>
<body>
<div>
<p>有10个数字串， 请用document.getElementById和for循环方式 并利用 parseInt 转成数字存放在一个数组</p>
<p>写两个函数，利用for循环分别得到数组中的最大和最小值</p>
</div>
<div id='box1'>
<p>如下是 10 个数， 可以手工修改</p>
<input id='txt1' type="text" value='10' />
<input id='txt2' type="text" value='101' />
<input id='txt3' type="text" value='91' />
<input id='txt4' type="text" value='67' />
<input id='txt5' type="text" value='111' />
<br>
<input id='txt6' type="text" value='123' />
<input id='txt7' type="text" value='33' />
<input id='txt8' type="text" value='7' />
<input id='txt9' type="text" value='78' />
<input id='txt10' type="text" value='57' />
<hr>
</div>
<div>
<p></p>
<button id='btn1' style="color:red"> 找出最【大】值</button>
<p>最大值是：<input id='txtMax' type="text" /></p>
</div>
<div>
<p></p>
<button id='btn2' style="color:green"> 找出最【小】值</button>
<p>最小值是：<input id='txtMin' type="text" /></p>
</div>
<script>
var btn1 = document.querySelector("#btn1");
var txtMax = document.querySelector("#txtMax");
var btn2 = document.querySelector("#btn2");
var txtMin = document.querySelector("#txtMin");
var arr = new Array();
var inputs = document.querySelectorAll("input");
function getMax() {
for (var i = 0; i < inputs.length - 2; i++) {
arr[i] = parseFloat(inputs[i].value);
}
var max = arr[0];
for (var i = 0; i < arr.length; i++) {
if (arr[i] > max) {
max = arr[i];
}
}
txtMax.value = max;
}
btn1.onclick = getMax;
function getMin() {
for (var i = 0; i < inputs.length - 2; i++) {
arr[i] = parseFloat(inputs[i].value);
}
var min = arr[0];
for (var i = 0; i < arr.length; i++) {
if (arr[i] < min) {
min = arr[i];
}
}
txtMin.value = min;
}
btn2.onclick = getMin;
</script>
</body>
</html>
第四节课(2).zip
需积分: 0 154 浏览量
2023-12-14
10:50:48
上传
评论
收藏 4.79MB ZIP 举报
第四节课(2).zip （16个子文件） 
第四节课 请完成轮播图布局 
轮播图布局.png 577KB img 
2.jpg 826KB 6.jpg 548KB 1.jpg 859KB 5.jpg 763KB 3.jpg 581KB 4.jpg 758KB js1213 
05使用函数完成打印.html 847B max.html 2KB max1.html 2KB 06模拟对话框.html 1KB 02js中自定义函数.html 820B 03js中带参数和返回值的函数.html 422B max2.html 2KB 01js中的三大弹窗.html 580B 04js中的全局变量和局部变量.html 571B资源评论
