`
garyli
  • 浏览: 176764 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript 计算input和

阅读更多
<HTML>
 <HEAD>
  <TITLE> javascript计算text合 </TITLE>
  <style>a{TEXT-DECORATION:none}</style> 
  <script type="text/javascript">
      <!--
		function sum(x,y,z) {
			var res = 0;
			if(!isNaN(parseInt(x))) res += eval(x);
			if(!isNaN(parseInt(y))) res += eval(y);
			if(!isNaN(parseInt(z))) res += eval(z);
			return res;
		}
     / -->
  </script>
 </HEAD>

 <BODY>
    <input id="a" onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))">
  + <input id="b" onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))">
  + <input id="c" onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))">
  <a href="#" onclick="d.value = sum(a.value,b.value,c.value)"> = </a>
  <input id="d">
 </BODY>
</HTML>

 

分享到:
评论

相关推荐

    使用JavaScript 完成表单的自动计算

    当我们需要在表单中实现数据的实时计算时,JavaScript就显得尤为关键。本篇将深入探讨如何利用JavaScript完成表单的自动计算,以提高用户体验并简化前端逻辑。 一、基本概念 1. JavaScript:JavaScript是一种解释...

    JavaScript和jQuery获取input框的绝对位置

    总结起来,JavaScript和jQuery提供了多种方式来获取`input`框的绝对位置,包括`getBoundingClientRect()`配合滚动距离计算,以及jQuery的`offset()`方法。开发者可以根据项目需求和浏览器兼容性选择合适的方法。

    javascript计算文本框输入内容的长度

    根据提供的文件信息,我们可以深入探讨如何使用JavaScript来计算文本框输入内容的长度。尽管标签中标注的是"C#",但从给出的代码片段来看,这显然是一段JavaScript代码,用于实时显示用户在文本框内输入内容的长度。...

    Javascript做的计算器源代码

    JavaScript实现计算器的核心是解析用户输入的表达式和执行计算。这通常涉及到字符串操作,如分割用户输入的字符串以获取数字和运算符,然后使用条件语句(如`if...else`)和循环来执行运算。JavaScript提供了内置的...

    JavaScript实现一个简易的计算器实例代码

    通过本项目的开发实践,我们深入了解了如何利用HTML、CSS和JavaScript构建一个功能完整的计算器应用程序。这不仅包括基本的界面布局和样式设置,还涵盖了高级的事件处理、异常管理和兼容性问题解决等方面的知识。...

    javaScript简单模拟计算器

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互逻辑。在本主题中,我们将深入探讨如何使用JavaScript实现一个简单的模拟计算器。这个计算器可能包括基本的算术运算,如加、减...

    JavaScript简介及基础语法介绍

    JavaScript和Java是两个公司开发的不同产品,JavaScript是Netscape公司的产品,其目的是为了扩展其浏览器功能,现在JavaScript已经被标准化为ECMAScript,主流的浏览器都支持。 JavaScript基础语法: 1. 数据类型...

    input type=file 调取手机照相机和选择照片上传

    综上所述,利用HTML5的 `input type="file"` 结合 `accept` 和 `capture` 属性,我们可以方便地在移动设备上调用照相机功能,并让用户选择图片进行上传。结合JavaScript,我们可以实现完整的文件选择、上传及进度...

    JavaScript计算正方形面积

    用JavaScript实现计算正方形的面积注意用一个Math.pow()函数。 实现效果: 实现代码: &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;Document&lt;/title&gt;...

    rp.rar_javascript_javascript html

    在这个项目中,用户输入一些信息,然后JavaScript计算出所谓的“人品值”,这通常是一个随机或基于输入计算得出的结果,旨在提供一种互动体验。 首先,我们需要了解HTML。HTML是构成网页内容的基本元素,它定义了...

    自己用Javascript和Html写的一个简单计算器

    例如,`&lt;input&gt;`元素通常用来创建可交互的文本框,显示用户的输入和计算结果。 2. **CSS(Cascading Style Sheets)**:CSS用于控制网页的样式和布局。在这个计算器上,CSS可以用来设置按钮的颜色、大小、边框、...

    Web(前端) input标签 上传图片支持预览,计算图片大小 源码

    以上就是使用HTML和JavaScript实现前端图片上传预览及计算图片大小的基本流程。注意,实际应用中可能还需要处理更多细节,如错误处理、图片尺寸缩放、异步上传等。这些功能的实现可以结合其他库或框架,例如jQuery、...

    JavaScript客户端验证和页面特效制作

    3. **自定义函数**:编写JavaScript函数,对特定字段进行复杂验证,如日期范围、金额计算等。 二、页面特效制作 JavaScript不仅可以处理数据验证,还可以创建各种吸引人的页面效果。以下是一些常见的JavaScript...

    javascript网页版计算器

    JavaScript网页版计算器是一种基于Web的计算工具,利用JavaScript这门客户端脚本语言实现。JavaScript,简称JS,是由 Netscape 公司开发的,主要用于增强网页的交互性,它被广泛应用于网页和应用开发,实现动态内容...

    javascript 计算器 源代码

    JavaScript计算器源代码是一种基于Web的计算工具,使用JavaScript编程语言实现。JavaScript是一种广泛应用于客户端浏览器的脚本语言,它能够动态地更新网页内容,提供交互性的用户体验。在本例中,我们将深入探讨...

    javascript 光标定位例子

    JavaScript是Web开发中不可或缺的一部分,尤其在处理用户交互和页面动态效果时。在这个"javascript 光标定位例子"中,我们关注的是如何在网页文本输入框内实现光标定位的功能,比如在微博应用中实现“@”功能。当...

    【JavaScript源代码】javascript实现编写网页版计算器.docx

    4. **显示结果**:计算结果会更新到`&lt;input id="result"&gt;`元素中,确保用户可以看到他们的计算过程和结果。 5. **清除功能**:清除(C)按钮会重置当前的输入和结果,以便开始新的计算。 6. **正负转换**:加减号...

    用javascript写的计算器

    对于更复杂的计算,如平方根、百分比和科学计算模式,JavaScript提供了内置的Math对象。例如,`Math.sqrt()`可以计算平方根,`Math.pow()`用于求幂,`Math.round()`进行四舍五入。这些方法可以与用户界面交互,根据...

    利用Javascript实现BMI计算器

    2. **JavaScript对象和函数**:接下来,我们定义一个名为`BMI`的JavaScript对象,其中包含两个方法:`getBMI`和`idealweight`。 - `getBMI(a, b)`方法接收身高(单位:厘米)和体重(单位:千克)作为参数,计算BMI...

    JavaScript-计算器

    HTML元素如`&lt;input&gt;`(用于显示计算结果)、`&lt;button&gt;`(表示各个按键)和`&lt;div&gt;`(用于布局)被组合起来,创建出计算器的用户界面。 8. **JavaScript与HTML交互**:JavaScript通过事件监听来响应用户的点击操作。...

Global site tag (gtag.js) - Google Analytics