简单的html语言计算器_第1页
简单的html语言计算器_第2页
简单的html语言计算器_第3页
简单的html语言计算器_第4页
简单的html语言计算器_第5页
已阅读5页，还剩1页未读， 继续免费阅读

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

简朴旳计算器源码如图:代码<!DOCTYPEhtml><htmｌ><metａnaｍe＝"ｃontenｔ-type"ｃoｎtｅnt＝"text／ｈtｍl;cｈａrsｅｔ=ＵTF-8＂><head><stｙlｅtypｅ＝"text/csｓ"＞＜!—这个是ｃｓs样式--！>ｉnput．MｙＢｕｔtoｎ{fonｔ－size:1６px;ｂackgｒouｎd-cｏｌｏr:#ＦF0;width:3８ｐｘ；ｈｅight:2８px;borｄｅr－bottom－ｌeft-radius：７px;borｄeｒ-bottom-rｉght-radius:7pｘ；border-ｔｏｐ－ｌｅft-ｒadius:7ｐx；ｂorder-toｐ-right-radius:7px}＜／stylｅ＞<sｃrｉpｔ＞<!—这个是ｊs函数－－!＞varnuｍｒesｕｌｔ；varｓtｒ；funcｔｉｏnoncｌicknuｍ(nums){sｔr=dｏcuｍent.geｔEｌeｍentByIｄ("MyTｅxt");sｔr.vａlｕe＝stｒ.valuｅ+numｓ；}ｆuncｔiononcliｃkｃlｅａr（）{str=ｄocument.getElementＢyＩd("MｙText");str．ｖaｌue=""；}funｃtioｎonclickrｅsｕlt()｛str=docｕmeｎt．getElementByＩd(＂MyＴｅｘｔ");numresｕlt=evaｌ(sｔr.valｕe）；str.vaｌｕe=numrｅsｕlt;}＜/scripｔ>＜metａhtｔp－ｅquiv=＂Conｔent-Ｔype＂cｏｎtｅnt="ｔｅxt／html；charｓet＝utf-8"/><tｉtle>我旳计算器</title＞＜/heａd>＜divsｔyle="mａrgiｎ-tｏp：5px"><inputtｙpｅ="text"iｄ="MyＴext"styｌe=＂heｉght:２5px;width：17０px"／><ｂｒ／＞<bｒ／><inputｃｌass="ＭｙButton＂tyｐｅ="buttｏn＂valuｅ="1"ｉd="1"ｏｎclick="oncｌiｃkｎｕm(1)"/＞<inｐｕｔclasｓ="ＭyBｕtｔon＂type=＂ｂｕtton＂Ｉd="2"ｖａlue＝＂2"onclicｋ＝＂onｃlickｎｕｍ（２）＂/><inputｃlass＝＂ＭyＢutton＂tｙpe="butｔｏn"value=＂3"oｎｃlicｋ="oｎｃlｉckｎｕm(3）＂/>＜inｐuｔcｌass=＂MｙBｕttｏn＂typｅ=＂ｂuttoｎ"ｎame＝＂jiaｎ"valuｅ="-"oｎclｉｃｋ="ｏncｌｉｃknuｍ('－')"／><ｂｒ/＞＜iｎputclasｓ="MｙButton"type="button"nａmｅ＝"ｆour"ｖalｕe=＂4＂onｃｌick＝＂ｏnclｉcknum（４)＂/＞<inｐｕtｃlass="ＭｙBuｔton"type＝"buttｏｎ"nａme="five＂vaｌue＝"5"onclick="ｏncｌicknum（5）＂／><ｉnpｕtclass=＂ＭｙＢutton"tyｐe="buｔton＂namｅ="sｉｘ"ｖalue="６＂oncｌｉｃk＝"oncliｃknｕm(6）"/>＜inputclａsｓ＝"ＭｙBｕtton＂tyｐｅ=＂bｕttｏn＂ｎaｍe="chｅn＂value="＊"onｃｌick="oncｌicｋnuｍ(＇*')"/＞<br/>＜inputcｌass="MyBuｔtｏn＂type=＂button＂name="seｖeｅn＂vａlue=＂７"onｃliｃk=＂onｃlｉcknum(7)"/><ｉｎｐｕｔcｌasｓ＝"MyBｕttoｎ"tｙｐe="bｕｔｔon"naｍｅ="eghit"valｕｅ=＂8＂onclicｋ="ｏnｃlickｎum(8)"/><ｉnｐｕtｃlａss=＂ＭｙBｕttｏn"typｅ＝＂ｂuttoｎ"ｎaｍｅ="nｉｎｅ"valｕe=＂9"onｃlicｋ＝"ｏncｌiｃｋｎum(９）"／＞<inｐutclass＝"MｙＢutton"tｙpe="ｂutton"ｎａｍe="chu"valuｅ=＂/＂ｏnclick=＂ｏnclicｋnuｍ(＇/')"／＞＜ｂｒ／><inputclaｓs＝＂MyＢuttoｎ"ｔyｐｅ="bｕｔton＂name=＂zｅｒo"ｖaluｅ="0"ｏｎclicｋ="ｏncｌicｋｎum(0)"/＞<ｉｎｐutclaｓs＝＂ＭyＢuｔｔoｎ＂type=＂buｔton"name=＂qin"vａlue="ｄel＂onｃlicｋ＝"oncｌiｃｋｃｌｅaｒ()"/>＜iｎputｃlass="MyBuｔｔoｎ"tｙpe=＂button"namｅ="all"value="="ｏｎcｌｉck="onｃlickrｅsｕｌt()

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论