JS简单计算器实例

 这篇文章主要介绍了JS简单计算器的实现方法,以加法实例分析了js实现计算功能的技巧,需要的朋友可以参考下

 
 

本文实例讲述了JS简单计算器的实现方法。分享给大家供大家参考。具体实现方法如下:

 

代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function sum() {
//js类型转换 parseInt(value,10)的意思就是将value的值转换成十进制的数值
var id1 = parseInt(document.getElementById("bnt1").value, 10);
var id2 = parseInt(document.getElementById("bnt2").value, 10);
var id3 = id1 + id2;
document.getElementById("bnt3").value = id3;
}
</script>
</head>
<body>
<input type="text" id ="bnt1" />+<input type="text" id="bnt2" /><input type="button" value="=" onclick="sum()"/><input type="text" readonly="readonly" id="bnt3" />
</body>
</html>

 

希望本文所述对大家的javascript程序设计有所帮助。

时间: 2024-12-21 17:27:36

JS简单计算器实例的相关文章

JS简单计算器实例_javascript技巧

本文实例讲述了JS简单计算器的实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml">  <head>      <title></title>      <script type="text/javascript">          function sum() {              //js

Javascript 实现简单计算器实例代码_基础知识

效果图: 刚开始做时没考虑到清零和退格两个功能,嘻嘻,后来加的整体与传统计算器比有点小瑕疵. 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js简单计算器</title> <style type="text/css"> *{ margin:0px; padding:0px; } input{ margi

js实现简单计算器_javascript技巧

参考部分资料,编写一个简单的计算器案例,虽然完成了正常需求,但是也有不满之处,待后续实力提升后再来补充,先把不足之处列出: 1:本来打算只要打开页面,计算器的输入框会显示一个默认为0的状态,但是在输入框加入默认显示为0的时候,选择数据输入时,该0会显示输入数字的前面,例如"0123",由于能力有限,待后续实力提升再来补充完善! 2:目前只能实现鼠标控制选择按钮,待完善键盘录入功能. 3:乘法的那个符号在本来想改成"×"这个符号的,待后续完善. 附图片一张: html

js的表单操作 简单计算器_javascript技巧

代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv

javascript-JS简单计算器问题 不知道哪错了 求大神指点

问题描述 JS简单计算器问题 不知道哪错了 求大神指点 简易计算<br> function jiSuan(){<br> var num1 = document.getElementById("num1").value*1;<br> var num2 = document.getElementById("num2").value*1;<br> var oper = document.getElementById(&quo

纯js代码实现简单计算器_javascript技巧

本文实例分享了纯js代码实现简单计算器代码,相信大家会喜欢.具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head> <title> new document </title> <script type="text/javascript"> function count(){ var txt1 = parseInt( document.getElementById(

js简单工厂模式用法实例

  本文实例讲述了js简单工厂模式用法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 <!DOCTYPE html> <html> <head> <title&g

javascript-求 JS写的简单计算器中 按键控制长度的代码

问题描述 求 JS写的简单计算器中 按键控制长度的代码 我的意思是 计算器 进行加减乘除 按数字比如123456789 我只要求按出 5位数 按12345后面的就按不出来了 不能超过5位数 后面再按就限制 这样怎么做 如何写这样的代码 求大神告知 解决方案 function addNum(n) { var nowNum = myform.num.value; if (nowNum == ""0"") { myform.num.value = n } else if(

js简单工厂模式用法实例_javascript技巧

本文实例讲述了js简单工厂模式用法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html> <head> <title>简单工厂模式</title> </head> <body> <script> //简单工厂模式 var BicycleShop = function(){}; BicycleShop.prototype ={ sellBicycle : function(mod