通过JavaScript动态输入计算 - 走看看

zoukankan html css js c++ java

通过JavaScript动态输入计算

      有位朋友在项目中遇到这样一个问题，在几个文本框中输入金额，然后在一个用来显示结果的文本框中来显示他们之间计算出的结果，并且要每输入一个数字就马上计算并在显示结果的文本框中显示，最好的办法就是用JavaScript来实现，代码如下：

1 <html>
2     <head>
3         <script language="javascript">
4             function getValue(){
5                 var numberA = document.getElementById("numberA");
6                 var numberB = document.getElementById("numberB");
7                 var result  = document.getElementById("result");
8
9                 if(numberA.value=="" || numberB.value=="")return;
10                 result.value = parseInt(numberA.value)+parseInt(numberB.value);
11             }
12         </script>
13     </head>
14     <body>
15         <form>
16             <h2 align="center">通过JavaScript动态输入计算</h2>
17             <input type="text" id="numberA" onkeyup="javascript:getValue()" />  + 
18             <input type="text" id="numberB" onkeyup="javascript:getValue()" /> =
19             <input type="text" id="result" />
20         </form>
21     </body>
22 </html>

查看全文

相关阅读:
致我的2018 你好2019
第十四分块（前体）（二次离线莫队）
[Ynoi2019模拟赛]Yuno loves sqrt technology II（二次离线莫队）
[Ynoi2015]此时此刻的光辉（莫队）
python+selenium+Firefox+pycharm版本匹配
 IntelliJ IDEA 配置Maven
Jmeter如何监控服务器性能
 fiddler工具
 关于Python安装官方whl包和tar.gz包的方法详解
 浅析Web Services

原文地址：https://www.cnblogs.com/wangwei123/p/1422354.html

Copyright © 2011-2022 走看看