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. 刨根问底Objective－C Runtime

    http://chun.tips/blog/2014/11/05/bao-gen-wen-di-objective%5Bnil%5Dc-runtime-(2)%5Bnil%5D-object-and- ...

  2. CSS学习笔记——响应式布局

    响应式布局 响应式布局是现在很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,设计师提出了响应式布局的设计方案.所谓的响应式布局,就是一个网站能够 ...

  3. marshal intptr to delegate

    http://www.codeproject.com/Tips/441743/A-look-at-marshalling-delegates-in-NET https://msdn.microsoft ...

  4. 修改美化Matlab字体

    修改美化Matlab字体    MATLAB作为高校理工科类本科生或研究生必不可少的科研工具已经有着很多年的历史,以至于在我们的大学生活里或科研工作中,MATLAB处处闪现着它的身影,给我们带来了不少 ...

  5. Redis总结（二）C#中如何使用redis

    上一篇讲述了安装redis<Redis总结(一)Redis安装>,同时也大致介绍了redis的优势和应用场景.本篇着重讲解.NET中如何使用redis和C#. Redis官网提供了很多开源 ...

  6. 使用wp_editor函数实现可视化编辑器

    在最近的wp项目中遇到了需要使用可视化编辑器来接收用户的输入,正好就研究了一下wp_editor这个函数的用法,利用这个函数能很方便的把textarea文本域变成可视化编辑器. Wp_editor函数 ...

  7. 不下载SDK启动Android Studio

    一.不下载SDK启动Android Studio 给一个解决方法:Android Studio安装目录下的bin,idea.properties:idea.properties文件末尾加一行:disa ...

  8. Bitcask 存储模型

    Bitcask 存储模型 Bitcask 是一个日志型.基于hash表结构的key-value存储模型,以Bitcask为存储模型的K-V系统有 Riak和 beansdb新版本. 日志型数据存储 何 ...

  9. Ajax load html page

    jQuery ajax - load() 方法 jQuery Ajax 参考手册 实例 使用 AJAX 请求来改变 div 元素的文本: $("button").click(fun ...

  10. array_flip() array_merge() array+array的使用总结

    array_flip(array); //传递一个数组参数,对该数组的键.值进行翻转 例如: $a = array( 'a', 'b', 'c' ); print_r(array_flip($a)); ...