導航:首頁 > 網站知識 > 空網站如何設計計算器
空網站如何設計計算器
發布時間：2022-11-29 00:51:59A. 如何用JS創建一個簡單的網頁計算器
<!doctypehtml>
<html>
<head>
<title>計算器</title>
<metacharset="utf-8"/>
<styletype="text/css">
.panel{
border:4pxsolid#ddd;
width:192px;
margin:100pxauto;
}
.panelp,.panelinput{
font-family:"微軟雅黑";
font-size:20px;
margin:4px;
float:left;
}
.panelp{
width:122px;
height:26px;
border:1pxsolid#ddd;
padding:6px;
overflow:hidden;
}
.panelinput{
width:40px;
height:40px;
border:1pxsolid#ddd;
}
</style>
<scripttype="text/javascript">
//參數e用來接收傳入的event對象
functioncal(e){
//1.獲取事件源，處理button的事件
varobj=e.srcElement||e.target;
if(obj.nodeName!="INPUT"){
return;
}
varvalue=obj.value;
varp=document.getElementById("screen");
if(value=="C"){
//2.如果是[C]，則清空p
p.innerText="";
}elseif(value=="="){
//3.如果是[=]，則運算
varexp=p.innerText;
try{
varresult=eval("("+exp+")");
//如果正確執行，將結果寫入p
p.innerText=result;
}catch(e){
//發生錯誤，給予錯誤提示
p.innerText="Error.";
}
}else{
//4.如果是其它按鈕，則將value追加到p中
p.innerText+=value;
}
}
</script>
</head>
<body>
<!--在最外層的div上注冊單擊事件，傳入event對象，然後在函數中通過event判斷出事件來源於哪一個button，
進而做出應有的處理。這樣的好處是，避免在button上大量的注冊事件。-->
<divclass="panel"onClick="cal(event);">
<div>
<pid="screen"></p>
<inputtype="button"value="C">
<divstyle="clear:both"></div>
</div>
<div>
<inputtype="button"value="7">
<inputtype="button"value="8">
<inputtype="button"value="9">
<inputtype="button"value="/">
<inputtype="button"value="4">
<inputtype="button"value="5">
<inputtype="button"value="6">
<inputtype="button"value="*">
<inputtype="button"value="1">
<inputtype="button"value="2">
<inputtype="button"value="3">
<inputtype="button"value="-">
<inputtype="button"value="0">
<inputtype="button"value=".">
<inputtype="button"value="=">
<inputtype="button"value="+">
<divstyle="clear:both"></div>
</div>
</body>
</html>
這是我自學時候寫的計算器
B. php寫一個簡單的網頁加法計算器 求助
方法/步驟
首先打開Wamp Server 軟體，在右下角找到綠色圖標（有的用戶顯示的是橙色圖標，也可以使用，沒有影響。）說明軟體打開成功，單擊圖標會彈出一個選擇框，選擇www.directory。
C. 網頁中如何做計算器
輸入如下代碼就可以了
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Calculate</title>
<script language="VBSCRIPT">
Function Show(m)
If (Myform.Expression.Value = "" AND InStr(". + - * / ",m)) Then
Myform.Expression.Value = ""
ElseIf (InStr("+ - * / . ",Right(Myform.Expression.Value,1)) And InStr("+ - * / ",m)) Then
ElseIf (m = ".") Then
If (InStr("+ - * / . ",Right(Myform.Expression.Value,1))) Then
ElseIf ((InstrRev(Myform.Expression.Value,".") > InstrRev(Myform.Expression.Value,"+")) And (InstrRev(Myform.Expression.Value,".") > InstrRev(Myform.Expression.Value,"-")) And (InstrRev(Myform.Expression.Value,".") > InstrRev(Myform.Expression.Value,"*")) And (InstrRev(Myform.Expression.Value,".") > InstrRev(Myform.Expression.Value,"/"))) Then
Else
Myform.Expression.Value = Myform.Expression.Value + m
End If
Else
Myform.Expression.Value = Myform.Expression.Value + m
END If
End Function
Function Sqrt()
If (Myform.Expression.Value = "") Then
Myform.Expression.Value = ""
ElseIf (InStr(". + - * / ",Right(Myform.Expression.Value,1))) Then
Else
Myform.Expression.Value = Eval(Myform.Expression.Value)^2
End If
End Function
Function Result()
If (Myform.Expression.Value = "") Then
Myform.Expression.Value = ""
ElseIf (InStr(". + - * / ",Right(Myform.Expression.Value,1))) Then
Else
Myform.Expression.Value = Eval(Myform.Expression.Value)
End If
End Function
Function Clean()
Myform.Expression.Value = ""
End Function
</script>
<style type="text/css">
<!--
.style5 {font-size: 18px}
-->
</style>
</head>
<body bgcolor="#ffffee" text=#000000>
<form name="myform" method="post" action="">
<div align="center">
<table bgcolor="#C0e0ff" width="214" height="245" border="4">
<tr>
<th width="206" scope="col"><H2><font color="#0000A0"> 計算器 </font></H2></th>
</tr>
<tr>
<th height="36" scope="col"><table width="200" border="1">
<tr>
<td colspan="4"><div align="center">
<input name="expression" type="text" value="" size="28" maxlength="28" >
</div></td>
</tr>
<tr>
<td><div align="center">
<INPUT TYPE="button" id="seven"
onClick="Show('7')" VALUE=" 7 ">
</div></td>
<td><div align="center">
<INPUT TYPE="button" VALUE=" 8 "
onClick="Show('8')">
</div></td>
<td><div align="center">
<INPUT TYPE="button" VALUE=" 9 "
onClick="Show('9')">
</div></td>
<td><div align="center">
<INPUT TYPE="button" VALUE=" / "
onClick="Show('/')">
</div></td>
</tr>
<tr>
<td><div align="center">
<INPUT TYPE="button" VALUE=" 4 "
onClick="Show('4')">
</div></td>
<td><div align="center">
<INPUT TYPE="button" VALUE=" 5 "
onClick="Show('5')">
</div></td>
<td><div align="center">
<INPUT TYPE="button" VALUE=" 6 "
onClick="Show('6')">
</div></td>
<td><div align="center">
<INPUT TYPE="button" VALUE=" * "
onClick="Show('*')">
</div></td>
</tr>
<tr>
<td><div align="center">
<INPUT TYPE="button" VALUE=" 1 "
onClick="Show('1')">
</div></td>
<td><div align="center">
<INPUT TYPE="button" VALUE=" 2 "
onClick="Show('2')">
</div></td>
<td><div align="center">
<INPUT TYPE="button" VALUE=" 3 "
onClick="Show('3')">
</div></td>
<td><div align="center">
<INPUT TYPE="button" VALUE=" - "
onClick="Show('-')">
</div></td>
</tr>
<tr>
<td><div align="center">
<INPUT TYPE="button" VALUE=" 0 "
onClick="Show('0')">
</div></td>
<td><div align="center">
<INPUT TYPE="button" VALUE=" . "
onClick="Show('.')">
</div></td>
<td><div align="center">
<input type="button" value="sqr"
onClick="sqrt()">
</div></td>
<td><div align="center">
<input type="button" value=" + "
onClick="Show('+')">
</div></td>
</tr>
<tr>
<td colspan="2"><div align="center">
<INPUT TYPE="button" VALUE=" AC "
onClick="clean()">
</div></td>
<td colspan="2"><div align="center">
<INPUT TYPE="button" VALUE=" = "
onClick="result()">
</div></td>
</tr>
</table></th>
</tr>
</table>
</div>
</form>
</body>
</html>
D. asp網站運行：設計一個簡單的計算器，輸入兩個數後可以求兩個數的和、差等。界面如下：完整代碼
保存為test.asp
---------------------------
<%
a=cint(request("a"))
b=cint(request("b"))
c=request("c")
if c=1 then
d="+"
else
d="-"
end if
if a="" or b="" or c="" then
label1="沒有輸入內容"
else
label1=a&d&b
end if
%>
<form name="form1" action="test.asp" method="post">
<input type="text" name="a" />
<input type="radio" name="c" value="1" checked="checked" />+ <input type="radio" name="c" value="0" />-
<input type="text" name="b" />
<input type="submit" name="操作" />
</form>
<%
if c=1 then
e=a+b
else
e=a-b
end if
response.Write(label1&"="&e)
%>
E. 幫我寫一個網頁計算器公式代碼
寫好了，代碼如下，天氣好冷啊！
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
input{
width: 33px;
}
#compute{
width: 50px;
}
</style>
</head>
<body>
<div id="content">
(<input id="num1" type="text">*
<input id="num2" type="text">)/
<input id="num3" type="text">+0.01=
<input id="result" type="text">
<input type="button" id="compute" value="計算">
</div>
<script>
var n1 = document.getElementById('num1');
var n2 = document.getElementById('num2');
var n3 = document.getElementById('num3');
var rst = document.getElementById('result');
var com = document.getElementById("compute");
com.addEventListener("click",function(){
if(n1.value.length == 0 ||n2.value.length == 0 ||n3.value.length == 0){
alert("請填寫完畢再進行計算！");
return false;
}
if(n3.value == 0){
alert("除數不能為 0!");
return false;
}
var result = (n1.value*n2.value)/n3.value+0.01;
rst.value = result;
})
</script>
</body>
</html>
F. 網頁計算器怎麼做呀
1、在網站目錄下新建一個文本：txtcounter.txt 在文本填寫1或其他識字
2、新建一asp文件：count.asp，加入以下代碼：
<%
CountFile=Server.MapPath("txtcounter.txt")
Set FileObject=Server.CreateObject("Scripting.FileSystemObject")
Set Out=FileObject.OpenTextFile(CountFile,1,FALSE,FALSE)
counter=Out.ReadLine
Out.Close
SET FileObject=Server.CreateObject("Scripting.FileSystemObject")
Set Out=FileObject.CreateTextFile(CountFile,TRUE,FALSE)
Application.lock
counter= counter + 1
Out.WriteLine(counter)
Application.unlock
Response.Write"document.write("&counter&")"
'為了在頁面正確顯示計數器的值，調用VBScript函數Document.write
Out.Close
%>
3、在需要計數的網頁加入：總訪問<script language="JavaScript" src="count.asp">次
G. 如何做鑲嵌在網頁上的計算器
將計算器做在一個單獨的頁面上，調整好大小，在需要用到的地方用一個div或是iframe將計算器頁面引進來就行了
H. 如何在自己做的網站上添置計算器（可自己內置公式和計算方式）
你需要自己編寫代碼 就可以添加到網站上
I. msn空間怎麼弄計算器
MSN空間添加計數器的步驟：
第一步 添加用於置頂的HTML模塊，步驟如下：
http://spaces.msn.com/members/m1net/Blog/cns!1p4fiYPmvbXypGGV6xBCgGuA!17794.entry
注意：模塊里的字元數不要超過2048個，不然不能保存
第二步 去提供計數器服務的網站申請計數器的代碼：
提供給你一個不錯的計數器網站:
http://00counter.com/
第三步 把你申請到的代碼，粘貼到第一步申請的HTML代碼模塊中，保存即可（注意：保存的代碼字元不要超過2048個，否則不能保存！）
J. html網頁計算器代碼怎麼寫
html網頁計算器代碼編寫過程如下：
與空網站如何設計計算器相關的資料
- 同志網站在哪裡
- 網站有些什麼類型的
- 如何只搜索單一網站內容
- 網站怎麼切換倍速
- 律師事務所網站應該如何製作
- 網上購物網站怎麼查
- 如何讓瀏覽器打開一個網站
- 中考成績網站進不去怎麼辦
- 江蘇平台網站搭建怎麼聯系
- 哪個網站看出生五行准
- 如何取消寵物網站
- 魏都區網站優化效果如何
- 怎麼舉報網站亂推送
- 公司打不開一個網站怎麼辦
- 國外有哪些壁紙好看的網站
- 網站建設後如何增加網路流量
- 3xhh換成什麼網站
- 國付寶網站是什麼
- 柳州找房子用什麼網站
- 動漫圖哪些網站的沒有水印
- 哪些電視可以登錄網站
- 什麼網站有收費的
- 微信團隊登錄了網站如何退掉
- 平陽網站圖片設計要注意什麼
- 資本基金網站建設需要多少錢
- qq如何製作告白網站
- 網站知道賬號如何破解密碼
- 哪裡有BD電影藍光下載網站
- 網站公安備案有什麼要注意
- 歌曲原創網站哪裡找
- 閱文為什麼沒有其他網站流量
- 網站製作如何把控項目製作時間
- 網站如何分配ip
- 聯想筆記本怎麼更改網站許可權
- 柳林織夢怎麼建移動網站
- 如何訪問專線網站
- 空孕催乳劑官方網站怎麼買
- 長治網站設計怎麼樣
- 澳門新葡3280網站是多少
- 如何在百度對話框里顯示常用網站
- 網站建設一個團隊多少人
- 如何對一個網站進行創新創意