用HTML代码写一个计算器 救命怎么用html写一个网页科学计算器
\u5982\u4f55\u4f7f\u7528jquery\u5199\u4e00\u4e2a\u8ba1\u7b97\u5668 2 .main{ 3 margin: 0 auto; 4 text-align: center; 5 } 6 *{ 7 padding: 0; 8 margin: 0; 9 }10 table {11 margin: auto;12 border-collapse: collapse;13 14 }15 span{16 display: inline-block;17 text-align:center;18 font-size: 30px;19 width: 404px;20 height: 100px;21 background-color: darkgrey;22 23 }24 table td{25 text-align: center;26 width: 100px;27 height: 100px;28 line-height: 100px;29 background-color: lightgrey;30 border:1px solid darkgrey;31 }32
html\u90e8\u5206\uff1a
CD.*789-456+123/(0)=
jquery\u90e8\u5206\uff1a
1 2 3 $(function(){ 4 var $td=$("td"); 5 6 $td.each(function(){ 7 $(this).click(function(){ 8 var Text=$("#input").text().trim(); 9 $("#input").append($(this).text());10 switch ($(this).text()){11 case "C":12 $("#input").text("");13 break;14 case "D":15 $("#input").text(Text.substr(0,Text.length-1));16 break;17 case "=":18 function compute(content){19 var index=content.lastIndexOf("(");20 if(index>-1){21 var nextIndex=content.indexOf(")",index);22 if(nextIndex>-1){23 //\u9012\u5f52\u7684\u601d\u60f3,\u4e00\u6b65\u4e00\u6b65\u7684\u9012\u5f5224 var result=compute(content.substring(index+1,nextIndex));25 return compute(content.substring(0,index)+(""+result)+content.substring(nextIndex+1))26 }27 28 }29 index=content.indexOf("+");30 if(index>-1){31 return compute(content.substring(0,index))+compute(content.substring(index+1));32 }33 index=content.lastIndexOf("-");34 if(index>-1){35 return compute(content.substring(0,index))-compute(content.substring(index+1));36 }37 //\u5982\u679c\u8fd4\u56de\u7684content\u4e3a\u7a7a,\u5219\u8fd4\u56de038 index=content.indexOf("*");39 if(index>-1){40 return compute(content.substring(0,index))*compute(content.substring(index+1));41 }42 index=content.lastIndexOf("/");43 if(index>-1){44 return compute(content.substring(0,index))/compute(content.substring(index+1));45 }46 if(content==""){47 return 0;48 }else{49 //\u5c06content\u5b57\u7b26\u4e32\u8f6c\u5316\u4e3a\u6570\u503c,50 //\u8fd9\u513f\u4e5f\u53ef\u4ee5\u4f7f\u7528\u4e00\u4e9b\u6280\u5de7,\u6bd4\u5982 content-1+1,\u4f7f\u7528\u52a0\u51cf\u64cd\u4f5c\u7b26,\u5c06\u5b57\u7b26\u4e32\u8f6c\u5316\u4e3a\u6570\u503c51 return Number(content);52 }53 }54 $("#input").text(compute(Text));55 }56 })57 58 });59 })6064
\u4ee3\u7801\u8be6\u89e3
\u601d\u8def\uff1a
1\u7ed9\u6bcf\u4e2atd\u5143\u7d20\u6dfb\u52a0\u4e00\u4e2aclick\u4e8b\u4ef6\uff0c\u901a\u8fc7\u5224\u65ad\u70b9\u51fb\u4e0d\u540c\u7684\u6309\u94ae\u6765\u5b9e\u73b0\u4e0d\u540c\u7684\u884c\u4e3a\uff0c\u4f8b\u5982\uff1a\u5f53\u5224\u65ad\u70b9\u51fb\u7684\u5143\u7d20\u662f\u64cd\u4f5c\u7b26\u201cC\u201d\u7684\u65f6\u5019\uff0c\u4f7f\u7528
$("#input").text("");\u6765\u6e05\u7a7a\u5143\u7d20
2\u5b9e\u73b0\u8ba1\u7b97\u7684\u601d\u8def\uff1a
\u6700\u540e\u505a\u51fa\u7684\u4ee3\u7801\u4f7f\u7528\u4e86\u9012\u5f52\u7684\u601d\u60f3\uff0c\u601d\u8def\u5982\u4e0b\uff1a
\uff081\uff09\u5728\u70b9\u51fb\u7b49\u53f7\u4e4b\u540e\uff0c\u83b7\u53d6\u5230\u8f93\u5165\u7684\u8fd0\u7b97\u5f0f\uff0c\u8fd9\u4e2a\u8fd0\u7b97\u5f0f\u662f\u4ee5\u5b57\u7b26\u4e32\u7684\u5f62\u5f0f\u5b58\u5728\u7684\uff0c\u8fd0\u884ccompute\u51fd\u6570\uff0c\u8fd9\u4e2a\u51fd\u6570\u7684\u76ee\u7684\u662f\u5faa\u73af\u67e5\u627e\u5728\u5b57\u7b26\u4e32\u4e2d\u7684\u64cd\u4f5c\u7b26\uff0c\u5728\u627e\u5230\u64cd\u4f5c\u7b26\u4e4b\u540e\uff0c\u5c06\u5b57\u7b26\u4e32\u4e2d\u7684\u4ee5\u64cd\u4f5c\u7b26\u4e3a\u95f4\u9694\u5206\u4e3a\u4e24\u90e8\u5206\uff0c\u5bf9\u4e8e\u6bcf\u4e00\u90e8\u5206\u518d\u8fdb\u884ccompute\u51fd\u6570\u7684\u8fd0\u7b97\uff0c\u518d\u67e5\u627e\u8fd0\u7b97\u7b26\uff0c\u5728\u8fdb\u884c\u4e00\u6b21\u8fd0\u7b97\uff0c\u5faa\u73af\uff0c\u8fd9\u6837\u4e00\u76f4\u5faa\u73af\u5d4c\u5957\uff0c\u4e00\u76f4\u8fd0\u7b97\u5230\u6ca1\u6709\u51fa\u73b0\u8fd0\u7b97\u7b26\u4e3a\u6b62
\uff082\uff09\u5b9e\u73b0\u4f18\u5148\u7ea7\u7684\u4ee3\u7801\uff1a
\u6211\u4eec\u77e5\u9053\uff0c\u5728\u7b49\u5f0f\u8fd0\u7b97\u4e2d\uff0c\u52a0\u53f7\u548c\u51cf\u53f7\u7684\u5730\u4f4d\u662f\u76f8\u540c\u7684\uff0c\u4e58\u53f7\u548c\u9664\u53f7\u5730\u4f4d\u662f\u76f8\u540c\u7684\uff0c\u5148\u4e58\u9664\u540e\u52a0\u51cf\uff0c\u8fd9\u5c31\u662f\u8fd0\u7b97\u7b26\u7684\u4f18\u5148\u95ee\u9898\uff0c\u5982\u4f55\u5b9e\u73b0\u8fd0\u7b97\u7b26\u4f18\u5148\u95ee\u9898\u5462\uff1f
\u5728\u8fd9\u4e2a\u4ee3\u7801\u4e2d\uff0c\u662f\u901a\u8fc7\u6839\u636e\u5224\u65ad\u4e0d\u540c\u8fd0\u7b97\u7b26\u662f\u5426\u5b58\u5728\u7684\u987a\u5e8f\u5148\u540e\u6765\u5b9e\u73b0\u7684\uff0c\u5728\u4ee3\u7801\u4e2d\u4e0b\u9762\u8fd9\u4e00\u6bb5\u4ee3\u7801\uff1a
index=content.indexOf("+");30 if(index>-1){31 return compute(content.substring(0,index))+compute(content.substring(index+1));32 }33 index=content.lastIndexOf("-");34 if(index>-1){35 return compute(content.substring(0,index))-compute(content.substring(index+1));36 }37 //\u5982\u679c\u8fd4\u56de\u7684content\u4e3a\u7a7a,\u5219\u8fd4\u56de038 index=content.indexOf("*");39 if(index>-1){40 return compute(content.substring(0,index))*compute(content.substring(index+1));41 }42 index=content.lastIndexOf("/");43 if(index>-1){44 return compute(content.substring(0,index))/compute(content.substring(index+1));45 }
\u5728\u4e0a\u9762\u7684\u4ee3\u7801\u4e2d\uff0c\u5148\u5224\u65ad\u7684\u52a0\u51cf\u53f7\uff0c\u540e\u5224\u65ad\u7684\u4e58\u9664\u53f7\uff0c\u8fd9\u91cc\u89e3\u51b3\u7684\u662f\u4f18\u5148\u7ea7\u95ee\u9898\uff0c
\u4f8b\u5982\u4e0b\u9762\u7b49\u5f0f\uff1a 1+2*3+4
\u5728\u7a0b\u5e8f\u4e2d\uff0c\u5148\u67e5\u627e\u5230\u52a0\u53f7\u8fd0\u7b97\u7b26\uff0c\u5206\u6210\u4e24\u90e8\u5206\uff0c1\u548c 2*3+4 \u5728\u540e\u9762\u7684\u90a3\u4e00\u90e8\u5206\u4e2d\uff0c\u5728\u8fdb\u884c\u5faa\u73af\u8fd0\u7b97\uff0c\u6839\u636e\u7a0b\u5e8f\uff0c\u5148\u67e5\u627e\u52a0\u53f7\uff0c\u53c8\u5206\u4e3a\u4e86\u4e24\u90e8\u5206\uff0c2*3\u548c4\u5bf9\u4e8e2*3\u8fd0\u884c\u51fd\u6570\uff0c\u627e\u5230\u4e86*\u53f7\u8fd0\u7b97\u7b26\uff0c\u8fd9\u65f6\u5019\u6ca1\u6709\u591a\u4f59\u7684\u8fd0\u7b97\u7b26\uff0c\u76f4\u63a5\u8ba1\u7b972*3\u7b49\u5f0f\u3002
\u6ce8\u610f\u77e5\u8bc6\u70b9\uff1a
1\uff0c$(selector).trim()\u7528\u4e8e\u6d88\u9664\u5b57\u7b26\u4e32\u4e4b\u95f4\u7684\u95f4\u9694\uff1b
2\uff0c$(selecoor).each\uff08function(){}\uff09\u7528\u4e8e\u904d\u5386\u6bcf\u4e2a\u5143\u7d20\uff0c
3\uff0c$(seletor).text()\u7528\u4e8e\u83b7\u53d6\u5339\u914d\u5143\u7d20\u5185\u7684\u6587\u672c\uff0c\u6ce8\u610f\uff1a
\u5728\u6211\u4eec\u4f7f\u7528\u7684\u662f$(selector).text()\u6765\u83b7\u53d6\u5143\u7d20\u7684\uff0c\u5728\u4e00\u822c\u7684\u60c5\u51b5\u4e0b \u5bf9\u4e8e$("td").[0]===$("td:eq(0)")===document.getElementByTagName("td")[0]\u662f\u7b49\u4ef7\u7684
\u5982\u679c\u6211\u4eec\u8981\u83b7\u53d6\u5143\u7d20\u5185\u7684\u6587\u672c\u5143\u7d20\uff0c\u6211\u4eec\u9700\u8981\u901a\u8fc7$("td:eq(0)")\u6765\u83b7\u5f97\uff0c\u800c\u5bf9\u4e8e$("td").[0]\u5219\u83b7\u53d6\u4e0d\u5230\uff0c\u56e0\u6b64\uff0c\u8981\u6ce8\u610f\uff0c\u4e0d\u8981\u6df7\u7528
4\uff0c\u5bf9\u4e8e\u5b57\u7b26\u4e32\u7684\u64cd\u4f5c\u65b9\u6cd5\uff1a
\u5728ECMAScript\u4e2d\u5b58\u5728\u4e09\u79cd\u57fa\u4e8e\u5b50\u5b57\u7b26\u4e32\u521b\u5efa\u65b0\u5b57\u7b26\u4e32\u7684\u65b9\u6cd5\uff1a
slice() , substr()\u548c substring()\u8fd9\u4e09\u79cd\u65b9\u6cd5\u90fd\u4f1a\u8fd4\u56de\u88ab\u64cd\u4f5c\u5b57\u7b26\u7684\u4e00\u4e2a\u5b50\u5b57\u7b26\u4e32\uff0c
\u5f53\u63a5\u53d7\u4e24\u4e2a\u53c2\u6570\u7684\u65f6\u5019\uff0c\u7b2c\u4e00\u4e2a\u53c2\u6570\u6307\u5b9a\u5b57\u7b26\u4e32\u7684\u5f00\u59cb\u4f4d\u7f6e\uff0c\u7b2c\u4e8c\u4e2a\u53c2\u6570\u6307\u5b9a\u5b50\u5b57\u7b26\u4e32\u5728\u54ea\u91cc\u7ed3\u675f\uff0c
\u5bf9\u4e8eslice()\uff0csubstring()\u548csubstr()\u7b2c\u4e8c\u4e2a\u53c2\u6570\u8868\u793a\u7684\u610f\u601d\u8fd8\u4e0d\u540c
\u5bf9\u4e8eslice()\u548csubstring()\u7b2c\u4e8c\u4e2a\u53c2\u6570\u8868\u793a\u5b50\u5b57\u7b26\u4e32\u6700\u540e\u4e00\u4e2a\u5b57\u7b26\u540e\u9762\u7684\u4f4d\u7f6e
\u800c\u5bf9\u4e8esubstr()\u8868\u793a\u7684\u662f\u8fd4\u56de\u7684\u5b57\u7b26\u4e2a\u6570\uff1a\u4ee3\u7801\u5982\u4e0b\uff1a
var stringValue="hello world";alert(stringValue.substring(3,7));//"lo w"alert(stringValue.slice(3,7));//"lo w"alert(stringValue.substr(3,7)//"lo worl"
\u5982\u4e0a\uff1a
\u5b57\u7b26\u4e32\u7684\u5e8f\u53f7\u4ece\u96f6\u5f00\u59cb\uff0c\u5bf9\u4e8esubstring()\u548cslice\uff08\uff09\u622a\u53d6\u7684\u662f\u4ece3\u5f00\u59cb\u52307\u540e\u9762\u7684\u90a3\u4e2a\u5b57\u7b26\u7ed3\u675f\u7684\u4f4d\u7f6e\uff0c\u5b9e\u9645\u4e0a\u4e0d\u5305\u62ec\u5b57\u7b26\u4f4d\u7f6e\u4e3a7\u7684\u4f4d\u7f6e\uff08\u6700\u540e\u622a\u53d6\u7684\u5b57\u7b26\u4e32\u56e0\u6b64\u4e0d\u5305\u62ec\u5b57\u7b26"o"\uff09,\u4f46\u662f\u5305\u62ec\u4e00\u5f00\u59cb\u5c31\u622a\u53d6\u7684\u5f00\u5934\u7684\u5b57\u7b26\uff08"l"\uff09
\u800c\u5bf9\u4e8esubstr()\u8868\u793a\u7684\u662f\u4ece3\u7684\u4f4d\u7f6e\u5f00\u59cb\uff0c\u8981\u622a\u53d67\u4e2a\u5b57\u7b26\u7684\u5b57\u7b26\u957f\u5ea6\u4f5c\u4e3a\u5b57\u7b26\u4e32
\u5982\u679c\u6ca1\u6709\u7b2c\u4e8c\u4e2a\u53c2\u6570\uff0c\u8fd9\u8868\u793a\u5c06\u5b57\u7b26\u4e32\u7684\u957f\u5ea6\u4f5c\u4e3a\u7ed3\u675f\u4f4d\u7f6e\uff1a\u4ee3\u7801\u5982\u4e0b\uff1a
alert(stringValue.substring(3));alert(stringValue.slice(3));alert(stringValue.substr(3))
\u6700\u540e\u8f93\u51fa\u7ed3\u679c\u5747\u4e3a\uff1a
"lo world"
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; }
<head>
<title>计算器</title>
</head>
<body bgcolor="#ffffff" onload="FKeyPad.ReadOut.focus();FKeyPad.ReadOut.select();">
<FORM name="Keypad" action="">
<TABLE align="center">
<B>
<TABLE align="center" border=2 width=50 height=60 cellpadding=1 cellspacing=5>
<TR>
<TD colspan=3 align=middle><input name="ReadOut" type="Text" onkeypress="CheckOut()" size=24 value="0"
width=100%></TD>
<TD></TD>
<TD><input name="btnClear" type="Button" value=" C " onclick="Clear()"></TD>
<TD><input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()"></TD>
</TR>
<TR>
<TD><input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)"></TD>
<TD><input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)"></TD>
<TD><input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)"></TD>
<TD></TD>
<TD><input name="btnNeg" type="Button" value=" +/- " onclick="Neg()"></TD>
<TD><input name="btnPercent" type="Button" value=" % " onclick="Percent()"></TD>
</TR>
<TR>
<TD><input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)"></TD>
<TD><input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)"></TD>
<TD><input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)"></TD>
<TD></TD>
<TD align=middle><input name="btnPlus" type="Button" value=" + " onclick="Operation('+')"> </TD>
<TD align=middle><input name="btnMinus" type="Button" value=" - " onclick="Operation('-')"></TD>
</TR>
<TR>
<TD><input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)"></TD>
<TD><input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)"></TD>
<TD><input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)"></TD>
<TD></TD>
<TD align=middle><input name="btnMultiply" type="Button" value=" * " onclick="Operation('*')"></TD>
<TD align=middle><input name="btnDivide" type="Button" value=" / " onclick="Operation('/')"></TD>
</TR>
<TR>
<TD><input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)"></TD>
<TD><input name="btnDecimal" type="Button" value=" . " onclick="Decimal()"></TD>
<TD colspan=2></TD>
<TD><input name="btnEquals" type="Button" value=" = " onclick="Operation('=')"></TD>
<TD><input name="btnReturn" type="Button" value="返 回" onclick="goReturn()"></TD>
</TR>
</TABLE>
</TABLE>
</B>
</FORM>
</CENTER>
<font face="Verdana, Arial, Helvetica" size=2>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var FKeyPad = document.forms['Keypad'];
var Accum = "0";
var FlagNewNum = false;
var PendingOp = "";
//===============================================================================
//[描述] 浮点数精确计算
//[参数] str1 - 第一个数
// str2 - 第二个数
// type - 运算符
// precision - 小数位精度
//[调用方式] longCount(str1,str2,type,precision);
//[返回值] 计算结果
//===============================================================================
function longCount(str1,str2,type) {
var comma1 = 0;
if (str1.indexOf(".")!=-1) {
str1 = str1.replace(/0*$/,"");
comma1 = str1.length - str1.indexOf(".")-1;
}
var comma2 = 0;
if (str2.indexOf(".")!=-1) {
str2 = str2.replace(/0*$/,"");
comma2 = str2.length - str2.indexOf(".")-1;
}
str1 = str1.replace(/\./,"");
str2 = str2.replace(/\./,"");
var value,comma;
if (type!="*") {
if (comma1>comma2) {
for (var i=0;i<comma1-comma2;i++) str2 += "0";
comma = (type=="/")?0:comma1;
}else {
for (var i=0;i<comma2-comma1;i++) str1 += "0";
comma = (type=="/")?0:comma2;
}
}else {
comma = comma1 + comma2;
}
if (type=="+") {
value = parseInt(str1,10) + parseInt(str2,10);
}else if (type=="-") {
value = parseInt(str1,10) - parseInt(str2,10);
}else if (type=="*") {
value = parseInt(str1,10) * parseInt(str2,10);
}else if (type=="/") {
value = parseInt(str1,10) / parseInt(str2,10);
}
value = String(value);
if (comma>0) value = value.substring(0,value.length-comma)+"."+value.substring(value.length-
comma,value.length);
if (value.indexOf(".")!=-1)
value = value.replace(/0*$/,"");
return value;
}
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = Num;
FlagNewNum = false;
}
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
}
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( '+' == PendingOp || '-' == PendingOp || '/' == PendingOp || '*' == PendingOp)
Accum = longCount(Accum,Readout,PendingOp);
else
Accum = Readout;
FKeyPad.ReadOut.value = Accum;
PendingOp = Op;
FKeyPad.ReadOut.focus();
FKeyPad.ReadOut.select();
}
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
}
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
}
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accum = "0";
PendingOp = "";
ClearEntry();
}
function Neg () {
alert(FKeyPad.ReadOut.value);
FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,"-1","*");
}
function Percent () {
FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,Accum,"*");
FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,100,"/");
}
function goReturn() {
top.returnValue = FKeyPad.ReadOut.value;
self.close();
}
function CheckOut() {
var keyCode = window.event.keyCode;
if (keyCode>=48 && keyCode<=57) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = "";
//window.event.keyCode = null;
FlagNewNum = false;
}
return true;
}else if (keyCode==43 || keyCode==45 || keyCode==42 || keyCode==47 || keyCode==61) {
Operation(String.fromCharCode(keyCode));
}else if (keyCode==46) {//.
if (FKeyPad.ReadOut.value.indexOf(".") == -1)
return true;
}else if (keyCode==13) goReturn();
window.event.returnValue = false;
return false;
}
// End -->
</SCRIPT>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<title>计算器</title>
</head>
<script type="text/javascript" language="javascript">
function add(obj)
{
document.getElementById("txt1").value+=obj.value;
}
function results()
{
var obj=document.getElementById("txt1").value;
if(obj.indexOf("=")<0)
document.getElementById("txt1").value+="="+eval(obj);
}
function clears()
{
document.getElementById("txt1").value="";
}
</script>
<body>
<table>
<tr>
<td><input type="button" onclick="add(this)" id="Button1" value="1" /></td>
<td><input type="button" onclick="add(this)" id="Button2" value="2" /></td>
<td><input type="button" onclick="add(this)" id="Button3" value="3" /></td>
<td><input type="button" onclick="add(this)" id="Button13" value="+" /></td>
</tr>
<tr>
<td><input type="button" onclick="add(this)" id="Button4" value="4" /></td>
<td><input type="button" onclick="add(this)" id="Button5" value="5" /></td>
<td><input type="button" onclick="add(this)" id="Button6" value="6" /></td>
<td><input type="button" onclick="add(this)" id="Button14" value="-" /></td>
</tr>
<tr>
<td><input type="button" onclick="add(this)" id="Button7" value="7" /></td>
<td><input type="button" onclick="add(this)" id="Button8" value="8" /></td>
<td><input type="button" onclick="add(this)" id="Button9" value="9" /></td>
<td><input type="button" onclick="add(this)" id="Button15" value="*" /></td>
</tr>
<tr>
<td><input type="button" onclick="clears()" id="Button11" value="c" /></td>
<td><input type="button" onclick="add(this)" id="Button10" value="0" /></td>
<td><input type="button" onclick="results()" id="Button12" value="=" /></td>
<td><input type="button" onclick="add(this)" id="Button16" value="/" /></td>
</tr>
</table>
<input type="text" id="txt1" />
</body>
</html>
刚写的
http://www.phpxd.com/yuandaima/2008-12-20/200812200914470.html
这里有个黑色的。
HTML?怎么写？ 是JS吧
绛旓細璇曡瘯杩欐浠ｇ爜 <script language=JavaScript> var opStack = new Array(4)opStack[0] = 0 opStack[1] = ''opStack[2] = ''opStack[3] = ''function StartCal(){ document.PAD.SUM.value= "0"} function KeyinNum() { if (opStack[0] >= 2) { opStack[0] = 3 } el...
绛旓細var numresult;var str;function onclicknum(nums) {str = document.getElementById("nummessege");str.value = str.value * 1 + nums * 1;}function onclickclear() {document.getElementById("nummessege").value = "";}function onclickresult() {numresult = eval(str.value);document....
绛旓細<td><input type="button" value="CE" onclick="qingchua()"/></td> function qingchua() { var qc = document.getElementById("inp1").value="";} <input type="txet" id="inp1" style="width: 400px; height: 50px;" disabled /> ...
绛旓細绾补鐨html浠ｇ爜鏄笉鑳藉啓鐨勫惂 html 瓒呮枃鏈爣璁拌瑷 鍙槸鐢ㄦ潵瑙勫畾鎬庝箞鏄剧ず鐨勶紝濂藉儚涓嶅叿澶囩紪绋嬪姛鑳 甯avaScript鐨勫樊涓嶅 缁欎綘涓唬鐮 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>缃戦〉鐗规晥|缃戦〉鐗规晥浠ｇ爜(JsHtml.cn)---鏅璁＄畻鍣浠ｇ爜</title> </...
绛旓細<input type="text" id="num1" name="num1" /> <input type="text" id="num2" name="num1" /> 缁撴灉灏辩敤涓 <lable id="lbl"></lable> <script type="text/javascript"> function Y(x) { var num1 = parseFloat(document.getElementById("num1").value);var num2 = parseFloat(...
绛旓細result=num1+num2;break;case 2:result=num1-num2;break;case 3:result=num1*num2;break;case 4:if(num2==0){ alter("闄ゆ暟涓嶈兘涓0锛");return;} result=num1/num2;break;} document.getElementById("txtResult").value=result;} </Script> </head> <body> <h1 align=center>璁＄畻...
绛旓細<title>js鍔犲噺涔橀櫎璁＄畻鍣ㄤ唬鐮</title> <style> body,ul{ margin:0px; padding:0px;} body{ background:#AF6332} li{ list-style:none;} .fl{ float:left;} .fr{ float:right;} .clearfix:after{ content:""; display:block;clear:both} .clearfix{zoom:1;} /*鏄敤inset鍙互灏嗗閮...
绛旓細/> <input type="button" onclick="jisuan();" id="btnJisuan" value="璁＄畻" /> <input type="button" id="btnQinchu" onclick="qingchu();" value="娓呴櫎" /><br /> <input type="text" id="txtResult" style="width:300px;height:120px;" /> </body> </html> ...
绛旓細杞竴涓 window.parseInt(str) 濡傛灉灏忔暟灏 window.parseDouble(str) 杩欐槸 js涓 灏 瀛楃涓茶浆涓烘暟瀛楃殑 鏂规硶
绛旓細浠ｇ爜璐村嚭鏉ヨ兘鏇村揩鐐,鎴戠粰浣犲啓浜涓涓,涓昏鏄綘op.value鑾峰彇閿欎簡 <!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" xml:lang="en"><head><meta http-equiv=...
