JS&jQuery初级06
来源:互联网 发布:疯狂原始人 知乎 编辑:程序博客网 时间:2024/06/05 11:52
这节课主要是写一个加减乘除的计算器。
知识点:
- 获取按钮
- 创建函数
- 调用函数
- 局部变量和全局变量
定义在函数外面的就是全局变量,整个JS文件都可以使用;
在函数里面定义的叫局部变量,只有函数内能够使用,外部是不能够调用的。
如果几个动作重复的话,可以把他们组成一个函数,每次用的时候调用就可以了。
<!DOCTYPE html><html><body><form> 第一个数字:<br> <input type="text" id="num1" value="100"> <br> 第二个数字:<br> <input type="text" id="num2" value="200"> <br> </form> <button id="add">+</button><button id="subtract">-</button><button id="multiply">×</button><button id="divide">÷</button></body></html>
var addBtn=document.getElementById('add');var subtractBtn=document.getElementById('subtract');var multiplyBtn=document.getElementById('multiply');var divideBtn=document.getElementById('divide');//下面两个是全局变量。var a_int;var b_int;addBtn.onclick=function(){ getInputNum(); var result=addiction(a_int,b_int); alert(result); };subtractBtn.onclick=function(){ getInputNum(); var result=subtraction(a_int,b_int); alert(result); };multiplyBtn.onclick=function(){ getInputNum(); var result=multiplication(a_int,b_int); alert(result); };divideBtn.onclick=function(){ getInputNum(); var result=division(a_int,b_int); alert(result); };function getInputNum(){//a和b就是局部变量。 var a=document.getElementById('num1').value;//调用页面里的num1元素的值。 var b=document.getElementById('num2').value; a_int=parseInt(a,10);//按照十进制,把字符转换成数值。 b_int=parseInt(b,10); }function addiction(x,y){ return x+y; }function subtraction(x,y){ return x-y; }function multiplication(x,y){ return x*y; }function division(x,y){ if (y == 0){ alert("0不能做除数"); return;} else{ return x/y; } }
阅读全文
0 0
- JS&jQuery初级06
- JS&jQuery初级05
- JS&jQuery初级07
- JS&jQuery初级08
- jQuery初级
- js初级
- 初级js
- 初级JS
- js原生学习-初级-练习06
- jquery 缓存初级应用
- jQuery初级入门
- Jquery 学习 初级
- jquery初级视频教程
- 【JQuery】初级使用笔记
- js初级2
- js初级3
- js函数初级
- JS初级循环
- protobuf应用与原理详解
- python 面向对象高级编程
- 数据结构 二叉树的性质
- 归并排序
- 第5天
- JS&jQuery初级06
- Ajax学习笔记,原生Ajax,使用XMLHttpRequest读取xml内容
- 集训第五天(2017/8/4):刷搜索题
- 学堂在线-数据结构-PA1-范围查询(Range)-解题报告
- 【鸽巢排序】对数组排序,要求时间复杂为O(n)
- Codeforces-540C 广搜BFS
- python数据分析与展示(一)
- select、poll、epoll之间的区别总结[整理]
- HDU 1789 Doing Homework again 经典贪心