博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
文本输入框改变内容,其他输入框也一起改变(需要点击查看详细信息后才能运行)...
阅读量:6180 次
发布时间:2019-06-21

本文共 1002 字,大约阅读时间需要 3 分钟。

这个非常简单,先看看效果

自动计算
+-*/=

 贴出代码

<head>

    <title></title>
    <script type="text/javascript">
        function Calculate() {
            var i = document.getElementById("a").value;
            var j = document.getElementById("b").value;
            var k = document.getElementById("c");
            var opera = document.getElementById("select").value;
            if (opera == 0) {
                k.value = parseInt(i) + parseInt(j);
            }
            else if (opera == 1) {
                k.value = i - j;
            }
            else if (opera == 2) {
                k.value = parseFloat(i * j).toFixed(2);
            }
            else {
                k.value = parseFloat(i / j).toFixed(2);
            }
        }
    </script>
</head>
<body>
    <div style="text-align:center;">
        自动计算<br />
        <input type="text" id="a" οnkeyup="Calculate()"/>
        <select id="select" οnchange="Calculate()">
            <option value="0">+</option>
            <option value="1">-</option>
            <option value="2">*</option>
            <option value="3">/</option>
        </select>
        <input type="text" id="b" οnkeyup="Calculate()"/>=
        <input type="text" id="c"/>
        <input type="button" id="calculate" value="计算" οnclick="Calculate()"/>
    </div>
</body>

转载于:https://www.cnblogs.com/hc10/p/3424259.html

你可能感兴趣的文章
VMware ESXi 5.0中时间配置中NTP设置
查看>>
C++中memset()函数笔记
查看>>
oracle sql 数结构表id降序
查看>>
使用cnpm加速npm
查看>>
MySql跨服务器备份数据库
查看>>
一个字典通过dictionaryWithDictionary 他们的内存指针是不同的
查看>>
HTTP 错误 500.0的解决方法。
查看>>
CCF201612-1 中间数(解法三)(100分)
查看>>
百度前端任务一学习的知识
查看>>
C# 四个字节十六进制数和单精度浮点数之间的相互转化
查看>>
JavaNIO的总结
查看>>
阿里云总监课第五期PPT下载地址
查看>>
时间属性
查看>>
第十九章:集合视图(十七)
查看>>
BIOS
查看>>
Elasticsearch之元数据(meta-fields)介绍
查看>>
基于Django+Bootstrap框架,可视化展示内存监控信息
查看>>
Pytorch | BERT模型实现,提供转换脚本【横扫NLP】
查看>>
biostar handbook: 第七周笔记汇总+调整通知
查看>>
涨薪必备|给你一份超详细Spring Boot知识清单
查看>>