html 使用button调用函数

本文转载自查看原文 2018-01-17 01:10 10875 html

<html>
<head>
    <title>网页标题 </title>
</head>
<body>
    <script type="text/javascript">
        function Calc() {
            var x = parseInt(document.getElementById("Text1").value);
            var y = parseInt(document.getElementById("Text2").value);
            var resultValue = Math.pow(x, y);
            document.getElementById("Text3").value = resultValue;
        }
    </script>
    <input type="text" size="10" id="Text1" value="0" />的
    <input type="text" size="10" id="Text2" value="2" />次方等于
    <input type="text" size="20" id="Text3" value="0" />

    <input type="button" value="计算" onclick="Calc()" />
</body>
</html>

总结： 1.js和html的交互： html中定义空间的ID 然后js获取ID

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 Python-Tkinter 使用for循环生成列表式Button及函数调用 Tkinter Button按钮组件如何调用一个可以传入参数的函数小程序之Button组件，函数的调用与简单的逻辑前端 html button标签 html页面button样式 thinkphp模板怎么在html页面调用php函数 asp.net中无法调用后台函数 html调用servlet（JDBC在Servlet中的使用）（2） flask之模板html中调用python函数方法谈谈建立一个JavaScript函数如何在html里“onclick”调用。