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. HTML <!DOCTYPE> 标签 布局引用的几种方法 行级元素与块级元素

    HTML <!DOCTYPE> 标签 <!DOCTYPE html> <html> <head> <title>文档的标题</titl ...

  2. SQL Server Transact-SQL 编程

    T-SQL语句用于管理SQL Server数据库引擎实例,创建和管理数据库对象,以及查询.插入.修改和删除数据. Ø 变量 . 局部变量(Local Variable) 局部变量是用户可以自定义的变量 ...

  3. 创建一个应用台程序，声明一个 int变量，并且初始化数组，通过while语句输出数组内的所有成员。

    ]{,,,,}; ; ) { Console.WriteLine("myNum[{0}]的值为{1}", s,myNum[s]); s++; } Console.ReadLine( ...

  4. Java——URL和URLConnection

    使用URL读取内容 import java.awt.im.InputContext; import java.io.InputStream; import java.net.MalformedURLE ...

  5. Java数据库——PreparedStatement接口

    PreparedStatement接口是Statement的子接口,属于预处理操作,与直接使用Statement不同的是,PreparedStatement在操作时,是先在数据表中准备好了一条SQL语 ...

  6. 改造rm命令为mv

    :刚在群里面看到小伙伴误操作把服务器上重要的文件给删掉了,于是google了下,找到一篇文章把rm命令改造成mv命令,源博客如下:http://blog.csdn.net/dataspark/arti ...

  7. Effective Objective-C 2.0 — 第12条：理解消息转发机制

    11 条讲解了对象的消息传递机制 12条讲解对象在收到无法解读的消息之后会发生什么,就会启动“消息转发”(message forwarding)机制, 若对象无法响应某个选择子,则进入消息转发流程. ...

  8. OC-常见错误 方法与函数的区别

    对象方法: 1,减号 - 2,声明必须写在@interface和@end之间   实现必须写在@implement 和@end之间 3,对象方法只能由对象来调用 4,对象方法归类.对象所有 函数: 函 ...

  9. Web 安全测试

    http://blog.sina.com.cn/s/blog_a1bbddc70101dt12.html http://blog.csdn.net/pdn2000/article/details/64 ...

  10. 关于IOC的思考

    SOLID面向对象的五个设计原则对于开发人员非常重要,其身影在任何大中型软件项目中随处可见,建议必须掌握并灵活应用.此五原则分别为:     单一职责原则(Single Resposibility P ...