JS——常用实例

  • 对话框输入，获取，计算，输出。

<!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>

posted @   新兵蛋Z  阅读(11)  评论(1)  编辑  收藏  举报
相关博文：
· JS——BOM&事件
· JS——DOM
· JavaScript
· JavaScript —— 输入与输出
· js事件对象获取输入框的值 oninput用法
阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· .NET10 - 预览版1新功能体验（一）
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛