代码：复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'/title写给新手：js简单计算器/title style type=' text/CSS ' body { font-size :12 px；color: # 333} #jsq输入{/*输入框样式*/border:#ccc 1px固体；右边框： # e2e 2 1px实心；边框-底部： # e2e 2 1px实心；高度：18像素行高：18 pxpadd :3 px } # jsq span { color : # 999 } # jsq输入。BTN {/*按钮样式*/border:#e6e6e6 1px固体；背景-颜色： # e2e 2；宽度：30 px高度：24px文本对齐：居中；行高：16 px光标：指针指针；margin :0 3pxcolor : # 999 } # jsq input . BTN : hover {/*按钮悬浮样式*/border:#e2e2e2 1px固体；背景-color : # F2 f 2；color : # 333 }/样式脚本类型='text/javascript '函数imyeah(类型){ //计算函数定义变量结果=0;数字1=数字(文档。齐素琪。数字1。值)；//数量()可以吧字符串强制转换成数字，例如"公元前123年"会转换成“123”数字2=数字(文档。齐素琪。数字2。值)；if(num 1==' ' | | num 2==' '){ return false；} //如果没输入计算数则不执行开关（类型){ //判断要执行的计算符号案例0:结果=num1 num2打破；//计算" " case 1:结果=num 1-num 2；打破；//计算“-”case 2:结果=num 1 * num 2；打破；案例：结果=num 1/num 2；打破；案例4:结果=num 1% num 2；打破；}文档。齐宣琪。郭解。值=结果；//显示计算结果}/script/head body form name=' jis uan qi ' id=' jsq ' action=' method=' get '/p第一个数：输入类型=' text ' size=' 10 ' name=' num 1 ' value=' '//p p第二个数：输入类型=' text ' size=' 10 ' name=' num 2 ' value=' '//p p计算结果：输入类型='text' size='10' name='郭解OnClick=' imyeah(0)' value=' onfocus=' this。选择()'/span左键' ',右键'选中复制/span /p p输入类型=' button ' class=' BTN ' value='' OnClick=' imyey(1)'/！-定义按钮-输入类型=' button ' BTN '值=' onClick=' imyeah(2)'/输入类型=' button ' BTN '值=' onClick=' imyeah(3)'/输入类型=' button ' BTN '值=' % ' onClick=' imyeah(4)'//p/body/html运行效果