问题描述
- 用js写的计算器问题,求指导
-
恩 代码不是我写的 网上找的 我没有看懂 看了半天没看懂 我想让大神帮我看看 帮我加上注释 让一个新人能看懂
还有就是 ,有三个功能没有实现 我写了几次,写错了 呵呵 所以求帮助
还有就是怎么在源代码上 实现 1+2+3*6/7 这个公式呢 先加在乘后除 要在屏幕上显示的
完了按等于键 等于出结果 像图片显示那样 不能就算了 代码下面
解决方案
你这个我就没空看了,随便写了一个,自己看注释
javascript计算器
解决方案二:
js
jquery.
$(function(){
var countSize;
$("#buttons input.num").click(function(){
var numVal = $(this).val();
if( $("#display #down").text() == "0" ){
if( numVal == "." ){
$("#display #down").append(numVal);
}else{
$("#display #down").text(numVal);
}
}
else if( $("#display #down").text().indexOf(".") > 0 ){
if( numVal == "." ){
}else{
$("#display #down").append(numVal);
}
}else if( $("#display #down").text() == "" && numVal == "." ){
$("#display #down").text("0").append(numVal);
}
else{
$("#display #down").append(numVal);
}
})
$("#buttons input.math").click(function(){
var upNum = $("#display #up .upNum").text();
var upMath = $("#display #up .countSize").text();
var downNum = $("#display #down").text();
if( upNum.length !== 0 && downNum.length !== 0 && upMath.length !== 0 ){
countSize = $("#display #up .countSize").text();
var upNum = $("#display #up .upNum").text();
var downNum = $("#display #down").text();
if( upNum == "" || downNum == "" ){return false;}
var resultNum = count[countSize](upNum,downNum);
$("#display #up .upNum").text(resultNum);
countSize = $(this).val();
$("#display #up .countSize").text(countSize);
$("#display #down").text("");
}else{
countSize = $(this).val();
$("#display #up")
.text(downNum)
.wrapInner('<span class="upNum" /></span>')
.append('<span class="countSize">' + countSize + '</span>');
$("#display #down").text("");
}
})
$("#buttons input.equal").click(function(){
var upNum = $("#display #up .upNum").text();
var downNum = $("#display #down").text();
if( upNum == "" || downNum == "" ){return false;}
var resultNum = count[countSize](upNum,downNum);
$("#display #down").text(resultNum);
$("#display #up").text("");
})
$("#buttons input.clearDisplay").click(function(){
$("#display #up").text("");
$("#display #down").text("0");
})
$("#buttons input.pecent").click=function(){
var numVal =-numVar.text();
}
$("#buttons input.tg").click=function(){
var numVal
}
var count = {
'+': function(a,b){return accAdd(a,b);},
'-': function(a,b){return accSub(a,b);},
'*': function(a,b){return accMul(a,b);},
'/': function(a,b){return accDiv(a,b);}
}
function accAdd(arg1,arg2){
var r1,r2,m;
try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2));
return (arg1*m+arg2*m)/m;
}
function accSub(arg1,arg2){
var r1,r2,m,n;
try{r1=arg2.toString().split(".")[1].length}catch(e){r1=0}
try{r2=arg1.toString().split(".")[1].length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2));
n=(r1>=r2)?r1:r2;
return ((arg1*m-arg2*m)/m).toFixed(n);
}
function accMul(arg1,arg2)
{
var m=0,s1=arg1.toString(),s2=arg2.toString();
try{m+=s1.split(".")[1].length}catch(e){}
try{m+=s2.split(".")[1].length}catch(e){}
return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m);
}
function accDiv(arg1,arg2){
var t1=0,t2=0,r1,r2;
try{t1=arg1.toString().split(".")[1].length}catch(e){}
try{t2=arg2.toString().split(".")[1].length}catch(e){}
with(Math){
r1=Number(arg1.toString().replace(".",""));
r2=Number(arg2.toString().replace(".",""));
return (r1/r2)*pow(10,t2-t1);
}
}
})
html
<div id="calc">
<div id="display">
<div id="up" class="up"></div>
<div id="down" class="down">0</div>
</div>
<div id="buttons">
<div id="math">
<input type="button" value="/" class="math" id="divide" />
<input type="button" value="*" class="math" id="multiply" />
<input type="button" value="-" class="math" id="reduce" />
<input type="button" value="+" class="math" id="plus" />
</div>
<div id="num">
<input type="button" value="7" class="num" id="seven" />
<input type="button" value="8" class="num" id="eight" />
<input type="button" value="9" class="num" id="nine" />
<input type="button" value="%" class="pecent" id="pecent" />
<input type="button" value="4" class="num" id="four" />
<input type="button" value="5" class="num" id="five" />
<input type="button" value="6" class="num" id="six" />
<input type="button" value="±" class="zf" id="zf" />
<input type="button" value="1" class="num" id="one" />
<input type="button" value="2" class="num" id="two" />
<input type="button" value="3" class="num" id="three" />
<input type="button" value="←" class="tg" id="tg" />
<input type="button" value="0" class="num" id="zero" />
<input type="button" value="." class="num" id="point" />
<input type="button" value="=" class="equal" id="equal" />
<input type="button" value="C" class="clearDisplay" id="clearDisplay" />
</div>
</div>
解决方案三:
js 写的计算器
解决方案四:
你通过debug跟一下就能看懂了,至于那个公式,input里面输入你的公司。等号点击事件中获取到值,进行四则运算的判断运算输出就好了
解决方案五:
参考这篇文章:http://blog.csdn.net/qq_21792169/article/details/50814700
function show(){
var date = new Date(); //日期对象
var now = "";
now = date.getFullYear()+"年"; //读英文就行了
now = now + (date.getMonth()+1)+"月"; //取月的时候取的是当前月-1如果想取当前月+1就可以了
now = now + date.getDate()+"日";
now = now + date.getHours()+"时";
now = now + date.getMinutes()+"分";
now = now + date.getSeconds()+"秒";
document.getElementById("nowDiv").innerHTML = now; //div的html是now这个字符串
setTimeout("show()",1000); //设置过1000毫秒就是1秒,调用show方法
}
<!DOCTYPE html>
Calculator
var numresult;
var str;
function onclicknum(nums) {
str = document.getElementById("nummessege");
str.value = str.value + nums;
}
function onclickclear() {
str = document.getElementById("nummessege");
str.value = "";
}
function onclickresult() {
str = document.getElementById("nummessege");
numresult = eval(str.value);
str.value = numresult;
}
img{
position:absolute;
left:1100px;
top:100px;
}
<!用来显示时间>
相关文章
- javascript-想用JS和HTML写一个弹窗,但是写的没反应,求大神指导
- 非计算机专业求大神指导,c#winform trackbar控件改变图片透明度
- 100 币 感谢你-jQuery LigerUI toggleCol方法的使用 求大神指导
- 基础-JAVA课程设计实数计算器求指导思路
- js-组合型房贷计算器怎么写
- 学渣毕业季,求懂java开发的人指导
- javascript-用JS写的计算器 如何进行加减乘除四则运算 求指教
- java eclipse-计算机白痴求大神指导一下java,马上要交毕设了,还没头绪
- 程序-c++数学求导怎么写,求解,大神求指导,急
- class-java计算器的除数不能为零实现 出现了一点小问题 求指导
【云栖快讯】他,一路保送,但可能不是你想象中的学霸; 他,曾是微软最年轻的技术管理者,挑战带领跨国团队; 他,后来加入阿里,成为阿里西雅图分部的第22名员工; 他,就是阿里通用计算平台负责人关涛! 通过短视频,为你揭晓他的成长和开发计算平台的经历,以及他对未来的展望! 详情请点击
热门推荐
- 高性能云服务器2折起
- 云服务器配置
- 技术资料
- 云计算
- 域名
- shell
- node.js
- 问答
- java
- mysql
- C++
- python
- jQuery
- Android
- asp
- PHP技巧
- jQuery教程
- JavaScript技巧
- JS
- SEO
- sql server
- mysql教程
- 前端
- 技术文集
- 技术
- 主题地图
- A
- z
- 云服务器哪家好
- API
- 大数据
- 云安全
- 云存储
- 云计算
- 获取公众号授权失败
- 兼容性疑难解答
- path
- stm32
- jsonobject
- product
前三篇
- js-利用DWR实现自动补全,请会的大神来看看?
- CNTV的标清能播放,高清却不能播放。服务器端怎么调试?
- 对maven项目进行 junit4 测试
后三篇
- java 后台实现文件上传代码
- LoadImage函数参数无法识别?
- C++运行中出现的问题,求解,谢谢
(yq.aliyun.com)为您免费提供用js写的计算器问题,求指导相关信息,包括
北京过户指导价计算器,js计算器,js计算器代码,用js写计算器,js实现计算器的信息
,所有用js写的计算器问题,求指导相关内容均不代表的意见!
该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_1088,您可以点击用js写的计算器问题,求指导-手机站访问。