计算

来源:互联网 发布:最经典的算法书籍 编辑:程序博客网 时间:2024/04/28 16:10
<!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" onclick="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>

原创粉丝点击