分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

Js函数初学者练习(一)switch-case结构实现计算器。

发布时间:2023-09-06 01:12责任编辑:彭小芳关键词:暂无标签

  前  言

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结构实现计算器。

原文地址:http://www.cnblogs.com/lnzixin/p/7536890.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved