-
对话框输入,获取,计算,输出。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS:操作HIML对象</title>
</head>
<body>
<!--1.两个输人框和一个输出框-->
<label for="1">第一个数:</label><input id="1" type="text" name="numberl"/><br />
<label for="2">第二个数:</label><input id="2" type="text" name="number2"/><br />
<label for="3">商:</label><input id ="3" type="text" name="number3"/><br />
<input type= "button" value="求商" onclick= "div()" />
<script type = "text/javascript">
function div() {
//获取三个标签对象
var input1 = document.getElementById("1");
var input2 = document.getElementsByName("number2")[0];
var input3 = document.getElementById("3");
//获取输入框的数值
var num1 = input1.value;
var num2 = input2.value;
//求商--使用parseFloat()函数转换成浮点型计算
//将结果传给 input3
input3.value = parseFloat(num1) / parseFloat(num2);
}
</script>
</body>
</html>