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. uC/OS-II实现TEST.MAK块

    ################################################################################                     ...

  2. HTML <!DOCTYPE> 标签 布局引用的几种方法 行级元素与块级元素

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

  3. Cpu Gpu 内存 显存 数据流

    [精]从CPU架构和技术的演变看GPU未来发展 http://www.pcpop.com/doc/0/521/521832_all.shtml 显存与纹理内存详解 http://blog.csdn.n ...

  4. centos 7.0 修改ssh默认连接22端口 和 添加防火墙firewalld 通过端口

    首先 先做的就是 修改ssh的默认端口22 需要修改文件 /etc/ssh/sshd_config 使用命令 vi /etc/ssh/sshd_config [root@localhost ~]# v ...

  5. Python之路【番外篇】回顾&类的静态字段

    回顾 回顾:字符串.列表.字典的修改关于内存的情况 一.字符串 str1 = 'luotianshuai' str2 = str1 print id(str1) print id(str2) prin ...

  6. Python之路【第四篇补充】：面向对象初识和总结回顾

    面向过程的编程 面向过程:根据业务逻辑从上到下写垒代码! 例子: 需求一.有一个程序需要做身份认证: 用户名有个字典: #定义一个用户名信息字典 user_info = { "zhangsa ...

  7. OC-内存管理-基本原理与引用计数器

    基本原理 1. 什么是内存管理 移动设备的内存极其有限,每个app所能占用的内存是有限制的 当app所占用的内存较多时,系统会发出内存警告,这时得回收一些不需要再使用的内存空间.比如回收一些不需要使用 ...

  8. iOS 在UILabel显示不同的字体和颜色(转)

    转自:http://my.oschina.net/CarlHuang/blog/138363 在项目开发中,我们经常会遇到在这样一种情形:在一个UILabel 使用不同的颜色或不同的字体来体现字符串, ...

  9. Xunsearch 中文全文搜索

    原文地址:http://www.yiichina.com/code/661 官网地址:http://www.xunsearch.com/ 1.安装 wget http://www.xunsearch. ...

  10. python快排算法

    通过一趟排序将要排序的数据分割成独立的两部分,其中一部分的所有数据都比另外一部分的所有数据都要小,然后再按此方法对这两部分数据分别进行快速排序,整个排序过程可以递归进行,以此达到整个数据变成有序序列. ...