有些同学刚接触js,对其中一些逻辑流程还不是很理解,巡綮碣褂或者刚接触前端,没有一个很好的逻辑处理概念,下面我将使用javascript来写一个简单的计算器,让小白也能理解,js的美妙之处
工具/原料
一台电脑(本机为windows7系统)
一个IDE编辑器(小编使用editplus哈,初学者记事本也是一样的)
一个浏览器(编程当然要用chrome)
方法/步骤
1、新建一个文本文档,修改名称为,jisuanqi.html咱这英语一级也没过也就不吹啦,拿上拼音就是搞没办法太爱国!!!
2、来打开编辑器就是敲<html>争犸禀淫<head><title>计算器</title><metahttp-equiv=媪青怍牙"content-type"content="text/html;charset=UTF-8"><script><!--这里面要写js代码兄弟,计算机业务逻辑执行的效果--></script></head><body><!--来这里也html也就是页面的效果--></body></html>来个代码图看看
3、还是要先看看颜值,在看内在美那咱就开始写页面布局啦,先别慌,js好戏在后面下图代码属于body中
4、是时候看看内在气质啦那起键盘就是一顿搞,写js啦兄弟咱先写个加法练练手
5、你们这么聪明其他算法也是一样啦下面分别为:减法,乘法,除法
6、那谁来调用这些方法:先获取页面输入的值再判断选择何种算法调用算法function给结果赋值
7、那咱整体的代码长啥样,兄弟是不是简洁美观大气上档次,淡定淡定,这只是毛毛雨
8、说这这么半天没点真本事,来个页面效果图我瞅鸶易睹何瞅啊(输入要计算的数值,下拉框选择算法,点击计算按钮进行计算)此片文章致力于初学者,希望有更多的人能了解js的乐趣