js引出函数概念的案例

 

 1 <!DOCTYPE html>

 2 <html>

 3     <head>

 4         <meta charset="utf-8">

 5         <title></title>

 6         <script>

 7             /*输入两个数，再输入一个运算符，得到结果*/

 8             var num1 = window.prompt("请输入第一个数");

 9             num1=parseFloat(num1);

10             var num2 = window.prompt("请输入第二个数");

11             num2=parseFloat(num2);

12             var oper = window.prompt("请输入运算符");

13             var res = 0;

14             switch(oper)

15             {

16                 case "+":

17                     res = num1 + num2;

18                     document.write(num1+oper+num2+"="+res);

19                     break;

20                 case "-":

21                     res = num1 - num2;

22                     document.write(num1+oper+num2+"="+res);

23                     break;

24                 case "*":

25                     res = num1 * num2;

26                     document.write(num1+oper+num2+"="+res);

27                     break;

28                 case "/":

29                     res = num1 / num2;

30                     document.write(num1+oper+num2+"="+res);

31                     break;

32                 defult:document.write("输入错误");

33             }

34         </script>

35     </head>

36     <body>

37     </body>

38 </html>

 1 //jisuan.js

 2 function p(){

 3     /*输入两个数，再输入一个运算符，得到结果*/

 4     var num1 = window.prompt("请输入第一个数");

 5     num1=parseFloat(num1);

 6     var num2 = window.prompt("请输入第二个数");

 7     num2=parseFloat(num2);

 8     var oper = window.prompt("请输入运算符");

 9     var res = 0;

10     switch(oper)

11     {

12         case "+":

13             res = num1 + num2;

14             document.write(num1+oper+num2+"="+res);

15             break;

16         case "-":

17             res = num1 - num2;

18             document.write(num1+oper+num2+"="+res);

19             break;

20         case "*":

21             res = num1 * num2;

22             document.write(num1+oper+num2+"="+res);

23             break;

24         case "/":

25             res = num1 / num2;

26             document.write(num1+oper+num2+"="+res);

27             break;

28         defult:document.write("输入错误");

29     }

30

31

32 }
 1 <!--putong.html-->

 2

 3 <!DOCTYPE html>

 4 <html>

 5     <head>

 6         <meta charset="utf-8">

 7         <title>调用函数实现计算功能</title>

 8         <script src="jisuan.js" type="text/javascript"></script>

 9     </head>

10     <body>

11         <input type="button" value="点我开始计算" onclick="p()">

12     </body>

13 </html>

运行效果如下图所示：

js引出函数概念的案例的更多相关文章

  1. [概念] js的函数节流和throttle和debounce详解

    js的函数节流和throttle和debounce详解:同样是实现了一个功能,可能有的效率高,有的效率低,这种现象在高耗能的执行过程中区分就比较明显.本章节一个比较常用的提高性能的方式,通常叫做&qu ...

  2. Atitit java方法引用(Method References) 与c#委托与脚本语言js的函数指针

    Atitit java方法引用(Method References) 与c#委托与脚本语言js的函数指针   1.1. java方法引用(Method References) 与c#委托与脚本语言js ...

  3. JS匿名函数的理解

    js匿名函数的代码如下:(function(){ // 这里忽略jQuery 所有实现 })(); 半年前初次接触jQuery 的时候,我也像其他人一样很兴奋地想看看源码是什么样的.然而,在看到源码的 ...

  4. JS回调函数(callback)

    在使用Jquery的时候,用到Callback(),回调函数的概念.而且很多. 比如: $.ajax({ url:"test.json", type: "GET" ...

  5. js的基本概念详解

    来自<javascript高级程序设计 第三版:作者Nicholas C. Zakas>的学习笔记(三) 如果你刚学js,想快速了解到js的基本概念,以下将会是一篇不错的引导文章: 语法 ...

  6. JS的基本概念

    JS的基本概念 任何语言的核心都必然会描述这门语言最基本的工作原理.而描述的内容通常都要涉及这门语言的语法,操作符,数据类型,内置功能等用于构建复杂解决方案的概念.Ecma-262通过叫做EcmaSc ...

  7. js调用函数时传入的参数个数与函数定义时的参数个数不符时的操作

    在js中函数没有重载的概念,如果声明了多个重名的函数,不管函数的形参个数是否一样,只有最有一个有效,其他的函数声明都是无效的.比如说声明了两个函数fn(),第一次声明时没有形参,第二次声明时形参有两个 ...

  8. JavaScript--我发现，原来你是这样的JS（基础概念--躯壳，不妨从中文角度看js）

    介绍 这是红宝书(JavaScript高级程序设计 3版)的读书笔记第二篇(基础概念--躯壳篇),有着部分第三章的知识内容,当然其中还有我个人的理解.红宝书这本书可以说是难啃的,要看完不容易,挺厚的, ...

  9. JavaScript--我发现，原来你是这样的JS（基础概念--灵魂篇，一起来学js吧）

    介绍 这是红宝书(JavaScript高级程序设计 3版)的读书笔记第三篇(灵魂篇介绍),有着剩下的第三章的知识内容,当然其中还有我个人的理解.红宝书这本书可以说是难啃的,要看完不容易,挺厚的,要看懂 ...

随机推荐

  1. 实现BPEL4WS演示：教程

    http://www.ibm.com/developerworks/cn/education/webservices/ws-bpelws/bpel_tutorial_cn.html 开始 什么是Bus ...

  2. wpf读取mysql字段类型为text的问题

    在读取数据库中的字段时,可能会根据环境的不同导致一些字段的读取方式不尽相同,在sql数据库中读取字段值用的最多的算是dataTable.Rows[行][列],但是到了mysql中就会有一些差别,在fl ...

  3. Tomcat web.xml中定义了文件扩展名到MIME类型的对应关系

    Tomcat在返回静态资源时,会根据资源文件的扩展名产生对应的content-type头(也即MIME类型)添加到response header中. 在Tomcat的web.xml规定了扩展名及相应M ...

  4. Flex布局语法与实践

    一.参考文献 阮一峰 Flex布局的语法 阮一峰 Flex布局的实践 二.Flex语法 (一)Flex是什么 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状 ...

  5. js随机从数组中取出几个元素

    JS如何从一个数组中随机取出一个元素或者几个元素. 假如数组为 var items = ['1','2','4','5','6','7','8','9','10']; 1.从数组items中随机取出一 ...

  6. hdu 5878 I Count Two Three (2016 ACM/ICPC Asia Regional Qingdao Online 1001)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5878 题目大意: 给出一个数n ,求一个数X, X>=n. X 满足一个条件 X= 2^a*3^ ...

  7. iOS直播点赞动画,iOS直播心型点赞动画

    https://github.com/songxing10000/LikeAnimation-PraiseAnimation

  8. *** Assertion failure in -[UICollectionView _dequeueReusableViewOfKind:withIdentifier:forIndexPath:viewCategory

    报错提示: *** Assertion failure in -[UICollectionView _dequeueReusableViewOfKind:withIdentifier:forIndex ...

  9. winform只能有一个实例运行且打开已运行窗口

    static class Program { private static Mutex onlyOne; [STAThread] static void Main() { onlyOne = new ...

  10. 使用commons-fileupload包进行大文件上传注意事项

    项目中使用 commons-fileupload-1.2.1.jar 进行大文件上传. 测试了一把,效果很不错. 总结如下: 必须设置好上传文件的最大阀值 final long MAX_SIZE = ...