前  言

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. python进阶（3）：模块和包

    之前两天我们介绍了一些比较常用的模块,而我也说过会讲解什么是模块,今天我们就来分析分析模块和包,模块我们现阶段使用还可以而包的话现阶段我们基本很少会用到包,学的不是很清楚也没关系这些东西都是用的多了也 ...

  2. geotrellis使用（三十）使用geotrellis读取PostGIS空间数据

    前言 最近事情很多,各种你想不到的事情--such as singing and dancing--再加上最近又研究docker上瘾,所以geotrellis看上去似乎没有关注,其实我一直在脑中思考着 ...

  3. java8之lambda表达式（1）-基本语法

    lambda表达式,即带有参数的表达式,为更清晰地理解lambda表达式,先看如下例子: (1) class Student{ private String name; private Double ...

  4. 多系统重装其中Win7后的启动引导列表恢复

    重装Win7后会导致原grub引导被覆盖,要修复grub需要一张Ubuntu的LiveCD(安装光盘),用LiveCD启动电脑,进入Try Ubuntu(试用Ubuntu),进入之后打开终端,做如下几 ...

  5. CSS3基础(2)—— 文字与字体相关样式、盒子类型、背景与边框相关样式、变形处理、动画功能

    一. CSS3 文字与字体相关样式 1. 给文字添加阴影 text-shadow: length length length ccolor; 属性适用于文本阴影,指定了水平阴影,垂直阴影,模糊的距离, ...

  6. mac使用小提示

    1. 升级到serria系统,默认需要长按caps lock 才会锁定,段按会切换输入法.解决方法: 设置--键盘--输入法,  取消勾选"使用大写锁定键切换输入法" 2. 是否显 ...

  7. python------函数嵌套及作用域链

    1.三元运算if条件成立的结果 if 条件 else 条件不成立的结果例如: a=20 b=10 c=a if a>b else b print(c) 2.命名空间 全局命名空间:创建的存储&q ...

  8. Oracle12c 在windonServer2012中安装的步骤

    oracle12c在windownServer2012中安装步骤  前期工作:<这个必须要安装:而且c$的C必须大写> 第一步:控制面板>所有控制面板项>管理工具>服务& ...

  9. M4——GPIO配置

    1.GPIO 简述: 通用输入输出(General Purpose Input Output)的简称,就是芯片引脚可以通过他们输出高电平或者低电平,也可以通过他们读取引脚的电平状态. 以STM32F4 ...

  10. 漫谈ELK在大数据运维中的应用

    漫谈ELK在大数据运维中的应用 圈子里关于大数据.云计算相关文章和讨论是越来越多,愈演愈烈.行业内企业也争前恐后,群雄逐鹿.而在大数据时代的运维挑站问题也就日渐突出,任重而道远了.众所周知,大数据平台 ...