比较三个文本框的值大小,弹出最大值
html样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
padding: 20px;
}
div {
margin-top: 20px;
}
</style>
</head>
<body>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="button" value="确认">
</body>
</html>
script样式
<script>
// 定义事件
var inps = document.getElementsByTagName("input");
// 用索引选择确定按钮
inps[3].onclick = function () {
// 定义输入的value值,也是用的索引选择
var a = Number(inps[0].value);
var b = Number(inps[1].value);
var c = Number(inps[2].value);
// 用if循环判断大小
if (a > b) {
if (a > c) {
alert(a);
} else {
alert(c);
}
} else {
if (b > c) {
alert(b);
} else {
alert(c);
}
}
}
</script>
用了if循环和索引导出对象,通过对象比较大小,通过alert弹出。