如何设计简单的网页计算器?

作者&投稿:程矩 (若有异议请与网页底部的电邮联系)
如何用js做一个简易计算器?~

js做一个简易计算器具体如下:


js运算



第一个数



运算符号



第二个数



计算结果







function js(){
var num1=document.getElementById("onesum").value;
var num2=document.getElementById("twosum").value;
var fh=document.getElementById("fh").value;
var sum=0;
nu
m1=Number(num1);
num2=Number(num2);
if(fh=='+')
{
sum=num1+num2;
}
else if(fh=='-')
{
sum=num1-num2;
}else if(fh=='*')
{
sum=num1*num2;
}else if(fh=='/')
{
sum=num1/num2;
}
//alert(sum);
document.getElementById("sum").value=sum;
}




JavaScript 教程 JavaScript 是属于网络的脚本语言! JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

设计步骤如下:注意只是参考一下,具体你自己看着弄,大致如下
(1)建立应用程序用户界面。
选择“新建”表单,进入表单设计器,增加一个文本框控件Textl、一个标签控件Label1和一个命令按钮组CommandGroup1,并将命令按钮组的ButtonCount属性改为16。
(2)设置对象属性如下表所示:

CommandGroup1中各按钮的属性设置

对象 属性 属性值 说明
Command1~Command10 Caption 依次改为:1、2、3、4、5、6、7、8、9、0
FontBold .T.

Command11~Command10 Caption 依次改为:.、=、+、-、*、/
FontBold .T.

(3)编写程序代码。
①编写CommandGroup1的Click事件代码:
IF THISFORM.Tag=.T.
THISFORM.Text1.Value=ALLT(RIGHT(STR(THIS.Value),1))
THISFORM.Tag=〃 〃
ELSE
a=THISFORM.Text1.Value
THISFORM.Text1.Value=a+ALLT(RIGHT(STR(THIS.Value),1))
ENDIF
②编写“.”按钮Command11的Click事件代码:
a=THISFORM.Text1.Value
THISFORM.Text1.Value=a+〃.〃
③编写“=”按钮Command12的Click事件代码:
a=THISFORM.Text1.Value
THISFORM.Text1.Value=ALLT(STR(&a))
THISFORM.Tag=.T.
④编写“+”按钮Command13的Click事件代码:
a=THISFORM.Text1.Value
THISFORM.Text1.Value=a+〃+〃
THISFORM.Tag=〃 〃
⑤编写“-”按钮Command14的Click事件代码:
a=THISFORM.Text1.Value
THISFORM.Text1.Value=a+〃-〃
THISFORM.Tag=〃 〃
⑥编写“*”按钮Command15的Click事件代码:
a=THISFORM.Text1.Value
THISFORM.Text1.Value=a+〃*〃
THISFORM.Tag=〃 〃
⑦编写“/”按钮Command16的Click事件代码:
a=THISFORM.Text1.Value
THISFORM.Text1.Value=a+〃+〃
THISFORM.Tag=〃 〃



网页版的计算器源码还是很多的,主要是考算法,这个难度不大。


进行网页设计
一. 网页设计软件的选择 设计主页首先要选择合适的工具软件,现在比较流行的网页设计软件是 FrontPage 和 DreamWave。他们各有优缺点,FrontPage 是微软出品的网页编辑软件,也是 Office 系列软件的组成部分。最新的 中文版 在 Office2000 的软件包中可以找到。如果对 Office 有一定的基础,会用 Word 的人...

如何创建网页
要注册网站域名,购买或者租用到网站的空间。上传内容,上传图文和视频等内容就可以创建自己的网站了。现在市场上很多各式各样的网站搭建工具,网站制作平台,任意找一个自己用起来易上手的工具即可。网站搭建工具中一般都有模板提供,可以按照行业、风格、类型来选择自己中意的模板。选好后就可以套用,网站...

关于网页的制作
一. 网页设计软件的选择 设计主页首先要选择合适的工具软件,现在比较流行的网页制作软件是 FrontPage 和 DreamWave。他们各有优缺点,FrontPage 是微软出品的网页编辑软件,也是 Office 系列软件的组成部分。最新的 FrontPage2000中文版 在 Office2000 的软件包中可以找到。如果对 Office 有一定的基础,会用 Word 的人,很...

网页按钮制作教程-零基础如何学网页设计?
在页眉页脚设置中,可以勾选显示网站页脚,添加你的社交媒体按钮,如微博微信公众号,抖音让HR能从你的多个社交媒体平台上了解你。零基础如何学网页设计? 作为零基础的同学,要系统学习网页设计,自然离不开一套系统的网页设计教程。你可以先从三大构成的基础理论学起,也可以从软件开始,因为这是进入设计行业必修的基本功...

怎么设计网页
这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。 第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的...

十个网页设计技巧
一个好的网页设计不光只是看起来好看而已,还要是用户友好型的。通常来说,一个干净、简单的网页设计最终会成为一个可用性高的网页设计,因为它在与用户的交互中不会使其产生混淆。当页面上有太多的网站功能和组件时,将会分散网站用户的注意力而失去原本浏览网站的目的。确保每个页面元素都有其目的,然后问自己以下问题...

如何制作属于自己的网站
一. 网页设计软件的选择 设计主页首先要选择合适的工具软件,现在比较流行的网页制作软件是 FrontPage 和 DreamWave。他们各有优缺点,FrontPage 是微软出品的网页编辑软件,也是 Office 系列软件的组成部分。最新的 FrontPage2000中文版 在 Office2000 的软件包中可以找到。如果对 Office 有一定的基础,会用 ...

如何自学网页设计
1、在桌面上右键点击鼠标,出现对话框之后,点击新建。2、新建一个文本问档,用于写网页代码。3、打开记事本,现在我们就可以编写简单的HTML代码了。4、现在,我们把文本的命名改成1.html。5、一个简单的HTML网页就搭建完成了,可以通过浏览器打开试试看。

怎么编辑网页页面怎么编辑网页页面内容
您好,很高兴为您解答:1.做网页,首先要对自己的网页有一个整体的规划。建一个什么样的网站,网站主色调用什么颜色,版面设计用什么样的方式等等。都需要一个好的计划。2.做任何事情都不能盲目,漫无目的,这样只会浪费时间和精力。在制作网页之前,你必须设计网页的一些基本元素。你可以简单的画个...

请问网页怎么做?
在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了…… 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的...

海兴县17073563888: 帮我写个简单的网页计算器代码 超级简单 -
李雁溴隐: <html> <head> <title>计算器</title> <script lauguage="javascript"> function js(){ var num=document.getElementById("num").value; var jg1=num*1.67; var jg2=num*2.38; document.getElementById("jg1").innerHTML=Math.floor(jg1); document...

海兴县17073563888: 网页制作(网页计数器)
李雁溴隐: 1、这个需要存入系统中,这样大家就能共享这个数据了,存入Appliction做用域中就行这样大家就能共享了,如果登录第一个时初始为1下一个就先提取出Appliction中存储的数据再加1后又再存入Appliction中以此循环操作就行了.2、如果要恒久的我介意你把数据插入数据库中,虽然一个办法很笨但是很有效,这样系统起来也方便,可以系统总和,也可以系统计每天等条件数据,很实用的,这样以避免了服务器重起还原数据的麻烦.3、当然如果你只是自己做测试完全可以用Cookie记录一下计算就行了.4、祝你好运啦.

海兴县17073563888: 用JS做一个简单的网页计算器如图所示,只进行简单的加减乘除运算 -
李雁溴隐: 按顺序 123 分别设 id=a id=b id=c var result = parseInt($("#a").val())+$("#b").val()+parseInt($("#c").val())

海兴县17073563888: 利用JavaScript脚本语言编写一个简单的“网页计算器” -
李雁溴隐: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br><html xmlns="http://www.w3.org/1999/xhtml"><br><head><br><meta http-equiv="Content-Type" ...

海兴县17073563888: 用html和js编程,实现一个简单的计算器 -
李雁溴隐: var r = Math.pow(1.1,2); console.log(r.toFixed(2));

海兴县17073563888: 网页制作,,,公式计算器 -
李雁溴隐: 我做了个简单的 你先拿去用吧.<br>把代码粘贴到html文件里面就好了.<br>纯手打的 望采纳.<br>——————————————————代码—————————————————<br><html><br> <head><br> <title>Caculator</title><br> </...

海兴县17073563888: 如何用JS创建一个简单的网页计算器 -
李雁溴隐: <!doctype html> <html> <head> <title>计算器</title> <meta charset="utf-8"/> <style type="text/css"> .panel{border:4px solid #ddd;width:192px;margin:100px auto; } .panel p,.panel input{font-family:"微软雅黑";font-size:20px;margin:...

海兴县17073563888: 利用jQuery插件机制实现简单网页计算器. -
李雁溴隐: function(e)中e没用到,干嘛的?直接用c=a+b不行吗?jQuery.add(a,b)没用过不清楚

海兴县17073563888: 如何制作简单的计算器 -
李雁溴隐: (1)先画个页面,把每个数字 运算符号放进去;(2)然后每个数字 符号绑定一个事件,这个事件获取数字或者符号的值,放进一个Input框;(3)点击计算,把Input框的字符串表达式计算,eval("1*2");(4)还有计算前要对表达式进行校验,不规则的表达式不能计算.

海兴县17073563888: 在静态HTML网页中如何制作计数器?请各位前辈、高手帮忙... -
李雁溴隐: 虽然是静态网页,但是如果要有计数器,肯定要有动态内容.首先要确定保存计数的地方,是一个文本文件中呢,还是数据库中,然后确定使用什么语言改变这个计数,然后确定是在网页中插入动态代码,还是嵌入另外一个文件.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网