① javascript,asp做在线计算,涉及一些公式,然后每个参数要输入,就像是房贷计算器,哪个能力强好实写
楼主用ASP纯浪费服务器资源,还是JAVASCRIPT为主
不过JS有个浮点运算BUG,需要自己重新封装一下加减乘除法,其他的倒是没啥,很简单
② 用javascript实现一个计算器需要什么知识
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var showFlag = false;
var paren = "";
function fun(cmd){
var obj = document.getElementById("txt");
if(showFlag){
obj.value = "";
paren = "";
showFlag = false;
}
paren = paren + cmd;
if(cmd=="0" || cmd=="1" || cmd=="2" || cmd=="3" || cmd=="4" || cmd=="5" || cmd=="6" || cmd=="7" || cmd=="8" || cmd=="9"){
obj.value = cmd;
}
}
function count(){
var obj = document.getElementById("txt");
try{
obj.value =eval(paren );
}catch(e){
}
showFlag = true;
}
//-->
</SCRIPT>
<BODY>
<TABLE border=1>
<TR>
<TD colspan="4" align="center"><input type="text" name="txt" value="" readonly style="text-align:right"></TD>
</TR>
<TR>
<TD align="center"><input type="button" name="btn" value=" 7 " onclick="fun('7');"></TD>
<TD align="center"><input type="button" name="btn" value=" 8 " onclick="fun('8');"></TD>
<TD align="center"><input type="button" name="btn" value=" 9 " onclick="fun('9');"></TD>
<TD align="center"><input type="button" name="btn" value=" + " onclick="fun('+');"></TD>
</TR>
<TR>
<TD align="center"><input type="button" name="btn" value=" 4 " onclick="fun('4');"></TD>
<TD align="center"><input type="button" name="btn" value=" 5 " onclick="fun('5');"></TD>
<TD align="center"><input type="button" name="btn" value=" 6 " onclick="fun('6');"></TD>
<TD align="center"><input type="button" name="btn" value=" - " onclick="fun('-');"></TD>
</TR>
<TR>
<TD align="center"><input type="button" name="btn" value=" 1 " onclick="fun('1');"></TD>
<TD align="center"><input type="button" name="btn" value=" 2 " onclick="fun('2');"></TD>
<TD align="center"><input type="button" name="btn" value=" 3 " onclick="fun('3');"></TD>
<TD align="center"><input type="button" name="btn" value=" * " onclick="fun('*');"></TD>
</TR>
<TR>
<TD align="center"><input type="button" name="btn" value=" 0 " onclick="fun('0');"></TD>
<TD align="center"><input type="button" name="btn" value=" = " onclick="count();"></TD>
<TD align="center"><input type="button" name="btn" value=" . " onclick="fun('.');"></TD>
<TD align="center"><input type="button" name="btn" value=" / " onclick="fun('/');"></TD>
</TR>
</TABLE>
</BODY>
</HTML>
在后边写个"+"号按钮或超连接,这个按钮或超连接要掉用他的ONCLICK事件,这个ONCLICK调用一个JAVASCRIPT方法(方法的作用是显示下个文本框)添入数字再点等号按钮或超连接 也是用ONCLICK 调用"+_*%"方法显示就可以了哦!
这个简单啊! 关键就是eval函数的使用!
<script language="javascript">
var expression = "10*2+5*2";
var result = eval(expression);
window.alert(result);
</script>
分别对2个输入框、运算符的name属性赋值,在script里用document.all.name.value来分别取输入框的值(name为2个输入框的name属性),同样用隐藏的运算符标志的name获取运算符(可以事先约定值对应的运算符)。
在=号的onclick事件触发这个函数。
例,
前输入框name为n1,后面为n2,设n3为隐藏,点运算符的时候分别用JS函数将n3的值设为对应的1,2,3,4。(约定1,2,3,4分别为+,-,*,/)。
显示结果的文本框name为n4。
点击等于后,触发运算函数
{
var p=document.all.n3.value;
var a=document.all.n1.value;
var b=document.all.n2.value;
if(p==1){document.all.n4.value=a+b;}
if(p==2){document.all.n4.value=a-b;}
if(p==3){document.all.n4.value=a*b;}
if(p==4){document.all.n4.value=a/b;}
}
③ 求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="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript">
window.onload = function(){
var buttons = document.getElementById("btns").getElementsByTagName("input");
for(var i = 0; i < buttons.length; i++){
buttons[i].onclick = function(){
var n1 = document.getElementById("num1").value;
var n2 = document.getElementById("num2").value;
if(n1 == "" || n2 == "" || isNaN(n1) || isNaN(n2)){
alert("请输入数字!");return;
}
document.getElementById("result").value = eval(n1 + this.alt + n2);
}
}
}
</script>
<style type="text/css">
div{ width:400px; background:#cfc; padding:10px;}
div h1{ text-align:center}
#btns input{ width:60px;}
</style>
</head>
<body>
<div>
<h1>购物车简易计算器</h1>
<p>第一个数:<input type="text" id="num1" /></p>
<p>第一个数:<input type="text" id="num2" /></p>
<p id="btns">
<input type="button" alt="+" value="+" />
<input type="button" alt="-" value="-" />
<input type="button" alt="*" value="×" />
<input type="button" alt="/" value="÷" />
</p>
<p>计算结果:<input type="text" id="result" /></p>
</div>
</body>
</html>
④ 求设计与制作一个网页实现一个给定利率计算按揭贷款月供额及还款总额的javascript程序
<!DOCTYPEhtml>
<html>
<head>
<metacharset=utf-8>
<title>test</title>
<script>
varcalc=function(){
varrate=document.getElementById("rate").value*1;
varmade=document.getElementById("made").value*1;
varamount=document.getElementById("amount").value*1;
rate=rate/1200;
varpayment=(rate*Math.pow(1+rate,made)*amount)/(Math.pow(1+rate,made)-1);
varstr="";
//贷款金额
str+="LoanAmount:$"+amount.toFixed(2)+"<br/>";
//每月的利率
str+="MonthlyInterestRate:"+(rate*100).toFixed(3)+"<br/>";
//数量支付
str+="NumberofPayments:"+made.toFixed(0)+"<br/>";
//每月的付款
str+="MonthlyPayment:$"+payment.toFixed(2)+"<br/>";
//偿还金额
str+="AmountPaidBack:$"+(payment*made).toFixed(2)+"<br/>";
//支付的利息
str+="InterestPaid:$"+(payment*made-amount).toFixed(2)+"<br/>";
document.getElementById("result").innerHTML=str;
}
</script>
</head>
<body>Entertheannualinterestrate>
<inputtype="text"id="rate"/>
<br/>>
<inputtype="text"id="made"/>
<br/>Entertheloanamount>
<inputtype="text"id="amount"/>
<br/>
<buttononclick="calc()">calc</button>
<divid="result"></div>
</body>
</html>
⑤ 使用JavaScript编写程序实现计算器功能,可以实现浮点数的加、减、乘、除运算,请大虾们把代码补充完整!
function SetExp(str){
//设置文本框内显示的字符串
var _rst = document.getElementsByName('result')[0];
_rst.value = _rst.value + str;
}
function Cal(){
//计算输入的算术表达式并在文本框内给出结果
var _rst = document.getElementsByName('result')[0];
var _calc = _rst.value;
if(_calc!=''){
_rst.value = window.eval(_calc);
}
}
function Clear(){
//清空文本框内的输入字符串
document.getElementsByName('result')[0].value = '';
}
⑥ 用javascript做一个简单的计算器
运算符号选项形式,可以避免输入错误:<html>
<body>
第一个数<input type="text" value="" width="100" id="num1"><br>
运算符号<select id="fh">
<option value="+">加</option>
<option value="-">减</option>
<option value="*">乘</option>
<option value="/">除</option>
</select><br>
第二个数<input type="text" value="" width="100" id="num2"><br>
运算结果<input type="text" value="" width="100" id="jg" ><br><br>
<input type="button" value=" 计算 " onclick="js()">
<script>
function js(){
var num1=document.getElementById("num1").value
var num2=document.getElementById("num2").value
var fh=document.getElementById("fh").value
var jg=document.getElementById("jg")
if(!isNaN(num1) && !isNaN(num2)){
if(fh=="+")jg.value=Number(num1)+Number(num2)
if(fh=="-")jg.value=Number(num1)-Number(num2)
if(fh=="*")jg.value=Number(num1)*Number(num2)
if(fh=="/")jg.value=Number(num1)/Number(num2)
}
}
</script>
</body>
</html>
⑦ 如何一个用 JavaScript 实现的简陋的计算器
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">function nuli(x)
{
var num1 = Number(document.getElementsByName('num1')[0].value);
var num2 = Number(document.getElementsByName('num2')[0].value);
if(isNaN(num1)||isNaN(num2)){
alert("抱歉~输入错误!");
}else{
if(x == "+"){
document.getElementsByName('num3')[0].value = num1+num2;
}else if(x == "-"){
document.getElementsByName('num3')[0].value = num1-num2;
}else if(x == "*"){
document.getElementsByName('num3')[0].value = num1*num2;
}else if(x == "/"){
document.getElementsByName('num3')[0].value = num1/num2;
}
}
}
</script>
</head>
<body>
<form name = 'java'>
输入1:
<input type="text" name="num1" />
<br>
输入2:
<input type="text" name="num2" />
<br>
结果为:
<input type="text" name="num3"/>
<br>
<br>
<input type="button" value="+" onClick="nuli('+')">
<input type="button" value="-" onClick="nuli('-')">
<input type="button" value="*" onClick="nuli('*')">
<input type="button" value="/" onClick="nuli('/')">
</form>
</body>
</html>
这个不知道是不是你刚才提问的。已经改好了。
⑧ javascript如何实现计算器
用ji做一个简单的计算器代码如下:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>简易计算器</title>
<script type="text/javascript">
function compute(){
var x=document.getElementById("x").value;
var y=document.getElementById("y").value;
var rs=document.getElementById("rs");
var sign=document.getElementById("sign").value;
if(!(isNaN(x) || isNaN(y))){
switch(sign){
case "+":
rs.value=parseFloat(x)+parseFloat(y);
break;
case "-":
rs.value=parseFloat(x)-parseFloat(y);
break;
case "*":
rs.value=parseFloat(x)*parseFloat(y);
break;
case "/":
rs.value=parseFloat(x)/parseFloat(y);
break;
default:
rs.value="发生错误!";
}
}
}
</script>
</head>
<body>
<form name="myform">
<input type="text" size="4" maxlength="4" id="x">
<select name="sign" id="sign">
<option value="+" selected>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" size="4" maxlength="4" id="y">=
<input type="text" size="4" maxlength="4" id="rs" ><br>
<input type="button" name="bt1" id="bt1" value="计算" onClick="compute();">
</form>
</body>
</html>
主要使用switch语法完成。
⑨ javascript 实现简单计算器功能 急!!
<HTML>
<script>
function cas(){
var a=document.getElementById("first").value;
var b=document.getElementById("sercond").value;
if(document.kfc.sign.value=="a"){
document.kfc.result.value=parseInt(a)+parseInt(b);
}
if(document.kfc.sign.value=="b"){
document.kfc.result.value=parseInt(a)-parseInt(b);
}
if(document.kfc.sign.value=="c"){
document.kfc.result.value=parseInt(a)*parseInt(b);
}
if(document.kfc.sign.value=="d"){
document.kfc.result.value=parseInt(a)/parseInt(b);
}
}
</script>
<BODY>
<form name="kfc">
输入第一个数<input type="text" id="first" >
<select id="sign" name="sign">
<option value="a">+</option>
<option value="b">-</option>
<option value="c">*</option>
<option value="d">/</option>
<option value="e">%</option>
</select>
输入第二个数<input type="text" id="sercond" >
=
结果输出<input type="text" id="result">
<input type="button" value="计算" onclick="cas()" >
</form>
</BODY>
</HTML>
这样子就可以了
document.getElementById("sign") 是获取全部的对象 并不能得到值
⑩ javascript怎么实现计算器
如下代码仅仅实现了加、减、乘、除四个小功能。
<script>
window.onload=function(){
varoText1=document.getElementById('txt1');
varoText2=document.getElementById('txt2');
varoSel=document.getElementById('sel1');
varoBtn=document.getElementById('btn');
oBtn.onclick=function(){
varn1=parseFloat(oText1.value);
varn2=parseFloat(oText2.value);
vara=oSel.value;
'12+5'
varres=0;
switch(a)
{
case'+':
res=n1+n2;
break;
case'-':
res=n1-n2;
break;
case'*':
res=n1*n2;
break;
case'/':
res=n1/n2;
break;
}
alert(res);
};
};
</script>
</head>
<body>
<inputtype="text"id="txt1"/>
<selectid="sel1">
<optionvalue="+">+</option>
<optionvalue="-">-</option>
<optionvalue="*">*</option>
<optionvalue="/">/</option>
</select>
<inputtype="text"id="txt2"/>
<inputtype="button"value="计算"id="btn"/>
</body>
定义一个select选择器,进行选择计算方式。点击按钮计算,将计算出结果。