【免费】第四节课(2).zip资源-CSDN文库

共16个文件

html：9个

jpg：6个

png：1个

需积分: 0 125 浏览量 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

<!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>

评论收藏

内容反馈