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”調用。