导航:首页 > 网站知识 > 空网站如何设计计算器
空网站如何设计计算器
发布时间：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网站是多少
- 如何在百度对话框里显示常用网站
- 网站建设一个团队多少人
- 如何对一个网站进行创新创意