<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>计算器案例</title>
<!--
获取标签
获取标签里面的值
运算
定义变量
var - variable 变量
-->
</head>
<body>
第一个数:<input type="text" id="btn1" /><br>
第二个数据:<input type="text" id="btn2" />
<input type="button" value="计算" id="suan" οnclick="suan()"/>
<script type="text/javascript">
//定义方法
// var a = "hello";
// var b = 123;
// var c = false;
function suan(){
//取值
//取得标签
//document 代表文档对象
// var one = document.getElementById("btn1");
// //从标签里面取值
// var one_value = one.value;
var one = document.getElementById("btn1").value;
// alert(one);
var two = document.getElementById("btn2").value;
var sum = one*1+two*1;//从输入框里面取得的值,默认都是字符串
alert(sum);
}
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>计算器案例</title>
<!--
获取标签
获取标签里面的值
运算
定义变量
var - variable 变量
-->
</head>
<body>
第一个数:<input type="text" id="btn1" /><br>
第二个数据:<input type="text" id="btn2" />
<input type="button" value="计算" id="suan" οnclick="suan()"/>
<script type="text/javascript">
//定义方法
// var a = "hello";
// var b = 123;
// var c = false;
function suan(){
//取值
//取得标签
//document 代表文档对象
// var one = document.getElementById("btn1");
// //从标签里面取值
// var one_value = one.value;
var one = document.getElementById("btn1").value;
// alert(one);
var two = document.getElementById("btn2").value;
var sum = one*1+two*1;//从输入框里面取得的值,默认都是字符串
alert(sum);
}
</script>
</body>
</html>