前  言

JRedu

　给大家介绍一点JS函数的练习题希望初学者多做一些练习能够更好的掌握JS的函数，以及能够提升大家的逻辑思维。（我也是个渣渣希望路过的大神多提建议或意见）

　希望能够对大家有所帮助

练习一① 使用JS函数实现一个计算器。（具体样式如下：）

要求：先点击运算符号再弹出需要输入运算数值的alert窗口进行计算。

好啦接下来大家尝试着做一下吧。很简单对不对！

希望能够大家做出比下面更好的方法：

    <script type="text/javascript">

            function saySth(c){

            var q = parseFloat(prompt("请输入第一个数"));

            var w = parseFloat(prompt("请输入第二个数"));

                switch (c){

                    case "+":

                    alert(q+w);

                        break;

                    case "-":

                    alert(q-w);

                        break;

                        case "*":

                    alert(q*w);

                        break;

                        case "/":

                    alert(q/w);

                        break;

                }

        }

        </script>

<body>

        <button onclick="saySth('+')">+</button>

        <button onclick="saySth('-')">-</button>

        <button onclick="saySth('*')">*</button>

        <button onclick="saySth('/')">/</button>

    </body>

【switch-case】
2、注意事项：
 ① switch结构（）中的表达式可以使用JS支持的数据类型；
 ②switch结构在进行判断的时候，使用的===判断
 ③ switch后面的表达式可以是各种数据类型，但是值要求各个不相同。否则也只会执行第一个case；
 ④ break作用；执行完case代码后，跳出当前switch结构；
 缺少break'后果；从第一个正确的case项开始，执行后面的所有case和dafanle：原因：⑤ ↓
 ⑤switch结构在进行判断的时候，只会判断一次正确答案，当遇到真正的case之后，将不会再判断后续的项目。

Js函数初学者练习（一）switch-case结构实现计算器。的更多相关文章

  1. Day09：switch——case结构的使用详解

    switch--case结构的使用详解 什么是switch--case结构 他也是一种多选择结构 switch--case结构是类于if--else的语法,通过比较而输出对应的内容: 通俗的讲,好比我 ...

  2. 汇编 switch case

    知识点: switch case生成的汇编框架 逆向汇编代码还原成C++代码 一.了解switch case结构 .普通情况 |. 83C4 ADD ESP, |. C745 FC >MOV ...

  3. if else 与switch case判断

    基础数据类型(四类八种 ) 不能为null. 整数型 byte 取值范围2的8次方 short 取值范围2的16次方 int 取值范围2的32次方 一般用int long 取值范围2的64次方 浮点型 ...

  4. if、else if 、else及switch...case使用小记（C#）

    有时候编程编的久了,如果不停下来认真思考一下,即便是一些最基础的知识点,也可能让自己懵圈.其实,说到底还是打基础的时候没打牢,或者说自以为是地认为自己懂了,然后在打基础的时候就懒得思考懒得看了,结果就 ...

  5. c语言基础表达式, 关系运算符, 逻辑运算符, 位运算符, 数据的取值范围, 分支结构(if...else, switch...case)

    1.表达式: 表达式的判断是有无结果(值), 最简单的表达式是一个常量或变量, 如:12, a, 3 + 1, a + b, a + 5 都是表达式 2.BOOL(布尔)数据类型: c语言中除了基本数 ...

  6. js switch case 判断的是绝对相对===,值和类型都要相等

    js switch case 判断的是绝对相对===,值和类型都要相等

  7. js部分---运算符,if分支语句,for循环；switch case 的用法；

    ------------------------------------------运算符---------------------------------------------------- *数 ...

  8. 如何编写高质量的 JS 函数（4） --函数式编程[实战篇]

    本文首发于 vivo互联网技术 微信公众号 链接:https://mp.weixin.qq.com/s/ZoXYbjuezOWgNyJKmSQmTw作者:杨昆 [编写高质量函数系列],往期精彩内容: ...

  9. 通用js函数集锦<来源于网络> 【二】

    通用js函数集锦<来源于网络> [二] 1.数组方法集2.cookie方法集3.url方法集4.正则表达式方法集5.字符串方法集6.加密方法集7.日期方法集8.浏览器检测方法集9.json ...

随机推荐

  1. UITextField成为第一响应者

    @interface CSRegisterTwoViewController ()<UITextFieldDelegate> @property (weak, nonatomic) IBO ...

  2. POJ 1182 食物链 -- 解题报告

    食物链 Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 70529   Accepted: 20875 Description ...

  3. 安徽省2016“京胜杯”程序设计大赛_A_砝码称重

    砝码称重 Time Limit: 1000 MS Memory Limit: 65536 KB Total Submissions: 61 Accepted: 37 Description 小明非常喜 ...

  4. js存款计算器原生小demo

    大家好,本人是初入前端的一枚程序猿,深知js底层开发的重要性,这也是我的软肋所在(曾经以为),渐渐的明白了一个道理,饭要一口口吃,路要一步步走,这也是我想告诉给所有刚刚进入IT行业的技术员们,沉下心, ...

  5. sublime text3 配置使用

    前言 sublime text3 是一款优秀的代码编辑器,很多好用的功能让我成为其忠实用户. 流程 1.安装完成后首先配置package control,把下面的代码复制到sublime 的控制台: ...

  6. python 第二天

    list,tuple,dict,set list,tuple,dict,set 是今天学习的四种 Python 内置类型 list list 即数组,有序的集合,可以使用索引的方式来访问 list 的 ...

  7. MBProgressHUD1.0.0源码解析

    MBProgressHUD是一个显示提示窗口的三方库,常用于用户交互.后台耗时操作等的提示.通过显示一个提示框,通知用户操作或任务的执行状态:同时,利用动画效果,降低用户等待的焦虑心理,增强用户体验. ...

  8. thymeleaf文本处理

    文本处理 显示文本是网页开发的最基本需求,另外,国际化的程序当今也是相当必要的.这些问题,thymeleaf都可以轻松解决. th:text标签属性 这个属性的基本作用就是显示文本,它的值可以既可以从 ...

  9. css3中空格和>的区别

    A>B 表示选择A元素的所有子B元素. 与A B的区别在于,A B选择所有后代元素,而A>B只选择一代. A+B表示HTML中紧随A的B元素(A与B是同级元素).

  10. Java连接数据库的4中方式详解

    Java连接数据库的方式有多种:根据所需要的不同数据库驱动分,分为四种: 1:1类驱动.这就是JDBC-ODBC桥的方式. 但这种方式不适合程序的重用与维护,不推荐使用.需要数据库的ODBC驱动. 2 ...