JS第一节关于事件举例拓展——————js如何调用input的值(案例:输入三个数字,取最大值,最小值,平均值)
js如何调用input的值(id做法)
用.value函数调用input中的值
例:
html部分代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<span>第一个数:</span>
<input type="text" id="a">
<br>
<span>第二个数:</span>
<input type="text" id="b">
<br>
<span>第三个数:</span>
<input type="text" id="c">
<br>
<button id="big">最大值</button>
<button id="small">最小值</button>
<button id="pin">平均值</button>
</body>
</html>
<script src="./js/lianxi1.js"></script>
JS部分代码
a.οnblur=function(){
var a=document.getElementById("a").value
a=Number(a)
b.οnblur=function(){
var b=document.getElementById("b").value
b=Number(b)
console.log(b)
console.log(typeof b)
c.οnblur=function(){
var c=document.getElementById("c").value
c=Number(c)
console.log(c)
console.log(typeof c)
console.log(a)
console.log(typeof a)
var big=document.getElementById("big")
var small=document.getElementById("small")
var pin=document.getElementById("pin")
var rbig=Math.max(a,b,c)
var rsmall=Math.min(a,b,c)
var rpin=(a+b+c)/3
big.οnclick=function(){
window.alert(rbig)
}
small.οnclick=function(){
window.alert(rsmall)
}
pin.οnclick=function(){
window.alert(rpin)
}
}
}
}