20161116简单的计算器ppt课件.ppt

简单的计算器 1 2 Javascript代码 varnum 0 result 0 numshow 0 varoperate 0 判断输入状态的标志varcalcul 0 判断计算状态的标志varquit 0 防止重复按键的标志functioncommand num varstr String document calculator numScreen value 获得当前显示数据str str 0 operate 0 str 如果当前值不是 0 且状态为0 则返回当前值 否则返回空值 str str String num 给当前值追加字符document calculator numScreen value str 刷新显示operate 0 重置输入状态quit 0 重置防止重复按键的标志 functiondzero varstr String document calculator numScreen value str str 0 operate 0 str 00 0 0 如果当前值不是 0 且状态为0 则返回当str 00 否则返回 0 document calculator numScreen value str operate 0 functiondot varstr String document calculator numScreen value str str 0 operate 0 str 0 0 如果当前值不是 0 且状态为0 则返回当前值 否则返回 0 for i 0 i str length i 判断是否已经有一个点号if str substr i 1 returnfalse 如果有则不再插入 str str document calculator numScreen value str operate 0 functiondel 退格varstr String document calculator numScreen value str str 0 str str str substr 0 str length 1 str str str 0 document calculator numScreen value str functionclearscreen 清除数据num 0 result 0 numshow 0 document calculator numScreen value 0 functionplus 加法calculate 调用计算函数operate 1 更改输入状态calcul 1 更改计算状态为加 functionminus 减法calculate operate 1 calcul 2 functiontimes 乘法calculate operate 1 calcul 3 functiondivide 除法calculate operate 1 calcul 4 functionpersent 求余calculate operate 1 calcul 5 functionequal calculate 等于operate 1 num 0 result 0 numshow 0 functioncalculate numshow Number document calculator numScreen value if num 0 3 Html代码 写给新手 js表单操作 四 简单计算器 二 body font size 12px font family Arial Georgia TimesNewRoman Times serif color 555 text align center background color e2e2e2 h6 margin 0 font size 12px calculator width 240px height auto overflow hidden margin 10pxauto border fff1pxsolid padding bottom 10px background color f2f2f2 calculatordiv clear both calculatorul padding 0 margin 5px14px border fff1pxsolid height auto overflow hidden calculatorli list style none float left width 32px height 32px margin 5px display inline line height 32px font size 14px background color eaeaea calculatorli tool background color e2e2e2 calculatorli hover background color f9f9f9 cursor pointer calculatorli active background color fc0 cursor pointer calculatorli tool active background color d8e8ff cursor pointer calcu head text align left padding 10px15px5px span imyeah float right color ccc span imyeaha color ccc screen width 200px height 24px line height 24px padding 4px border e6e6e61pxsolid border bottom f2f2f21pxsolid border right f2f2f21pxsolid margin 10pxauto direction ltr text align right font size 16px color 999 calcu foot text align left padding 10px15px5px height auto overflow hidden span note float left width 210px height auto overflow hidden color red span welcome clear both color 999 span welcomea float right color 999 此处插入上面的js代码 I mYeah 简单的计算器789 C456 123 000 欢迎使用javascript计算器 反馈 4 5 HTML 简单的计算器 walker欢迎使用JavaScript计算器反馈 6 CSS Basicreset margin 0 padding 0 box sizing border box font 14pxArial sans serif html height 100 background color lightslategrey calculator margin 15pxauto width 330px height 400px border 1pxsolidlightgray background color darkgrey padding 15px LOGO LOGO height 20px LOGO name float left line height 30px LOGO verson float right line height 30px screen shuRu margin top 15px screen margin top 5px width 300px height 40px text align right padding right 10px font size 20px keys border 1pxsolidlightgray height 223px margin top 25px padding 8px keys last margin right 0px footer margin top 20px height 20px footer link float right keys buttons float left width 42px height 36px text align center background color lightgray margin 017px20px0 7 Javascript varnum 0 定义第一个输入的数据functionjsq num 获取当前输入if num document getElementById screenName value Math round document getElementById screenName value 100 else document getElementById screenName value document getElementById num value functioneva 计算输入结果document getElementById screenName value eval document getElementById screenName value functionc