JavaScript 基础语法循环案例练习
JavaScript 基础语法循环案例练习
文章目录
- JavaScript 基础语法循环案例练习
- 前言
- 一、早午晚安喵喵喵
- 二、判断奇偶数
- 三、班长请客
- 四、1-100跳过个位为3的数求和
- 五、第几个能被7和3整除的数
- 六、双重for循环矩形三角形
- 七、九九乘法表
- 八、ATM机
- 九、冒泡排序
- 总结
前言
之前学习HTML语言属于标记语言，不用向计算机发出指令，常用于格式化和链接，标记语言是用来被读取的，是被动的。而现在学习的JavaScript则属于编程语言，包含很多逻辑性和行为能力的指令。本文记录初入JavaScript时练习编写的几个循环语句条件语句的案例。
提示：以下是本篇文章正文内容，下面案例可供参考
一、早午晚安喵喵喵
案例描述：
提示用户输入时间，判断时间
6-8点显示‘早安喵’
11-14点显示‘午安喵’
23-24点显示‘晚安喵’
其余时间显示‘喵喵喵’
超过24小时显示‘请重新输入’
<script>//if else 语句var time = prompt('请输入时间');if(time >= 6 && time <= 8){alert('早安喵');}else if (time >= 11 && time <= 14){alert('午安喵');}else if (time >= 23 && time <= 24){alert('晚安喵');}else if (time <= 24 ){alert('喵喵喵');}else {alert('请重新输入时间');}
</script>
二、判断奇偶数
案例描述：
提示用户输入一个数，判断其奇偶
<script>//三元表达式//表达式1 ? 表达式2 : 表达式3; 1为真返回2，1为假返回3var num = prompt('请输入一个数');num % 2 == 0 ? alert(num + '是偶数') : alert(num + '是奇数');
</script>
三、班长请客
案例描述：
询问用户班长有多少钱,根据金钱额度区间显示不同信息
<script>//if else语句var money = parseInt(prompt('请问班长有多少钱'));if (money >= 2000){alert('班长请大家吃西餐');}else if (money >= 1500){alert('班长请大家吃快餐');}else if (money >= 1000) {alert('班长请大家喝饮料');}else if (money >= 500) {alert('班长请大家吃棒棒糖');}else {alert('班长下次可要把钱带够哦!');}
</script>
四、1-100跳过个位为3的数求和
案例描述:
100以内除去个位数为三的数之和
<script>var sum = 0 ;for (var i = 1; i <= 100; i++) {// 个位数为3 = 减去3能被10 整除if ((i - 3) % 10 == 0) { continue; //跳过本次循环}sum += i;}alert('100以内跳过个位数为3的数的和为:' + sum);</script>
五、第几个能被7和3整除的数
案例描述：
提示用户输入需要第几个能被3和7整除的数
<script>var arr = []; //定义一个数组存放能被整除的数var count = parseInt(prompt('请问你需要第几个能被3和7整除的数'));//方法一 //缺点，只能找到1000以内的数for ( var i = 0; i <= 1000; i++ ) {if (i % 3 == 0 && i % 7 == 0) {arr[arr.length] = i; } }//打印索引为count-1的数即第count个数console.log(arr[count-1]); //方法二var i = 0;while (arr.length !== count) {if (i % 3 == 0 && i % 7 == 0) {arr[arr.length] = i;}i++;}console.log(arr[count - 1]);alert(arr[count - 1])</script>
六、双重for循环矩形三角形
案例描述：
双重for循环打印矩形三角形
<script>// 打印矩形var row = parseInt(prompt('请输入矩形行数'));var col = parseInt(prompt('请输入矩形列数'));var str = '';for (var i = 1;i <= row; i++) {for (var j = 1; j <= col; j++){str = str + '
JavaScript 基础语法循环案例练习相关推荐
- JavaScript基础语法及小案例
目录 JavaScript基础语法 1. 变量声明和赋值 2. 数据类型 1) 基本数据类型 2) 复合数据类型(引用类型) 3) 特殊数据类型 3. 运算符 1) 算术运算符 2) 赋值运算符 3) ...
- JavaScript基础语法笔记，ECMAScript基础，每部分都有经典案例以及解析。会持续更新（2022.0310）
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 一.JavaScript导读 1.1 什么是JavaScript(这里借鉴Js红宝书的内容,看一看就可以了) 1.2 ...
- html5扩展函数的使用方法,知识分享：JavaScript基础语法
知识分享:JavaScript基础语法 原创 mb5fd868d58f1472021-01-22 16:52:56©著作权 阅读数 41 ©著作权归作者所有:来自51CTO博客作者mb5fd868d5 ...
- 【Javascript基础语法】第五周预习博客
Javascript基础语法 前言 一.初识JavaScript 1.JS是什么 2.作用 3.浏览器执行js简介 4.Js组成 二.JS的引入方式 1.行内式 2.内部引入 3.外部引入 三.js语 ...
- 前端技术学习第三讲：JavaScript基础语法
JavaScript基础语法 JavaScript(简称"JS") 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言.虽然它是作为开发Web页面的脚本语言而出名,但是它也被 ...
- JavaScript基础语法（一）
目录 前言 js变量 数据类型 数据类型转换 传送门 --> JavaScript基础语法(二).JavaScript之数组与函数(三).JavaScript之对象(四).JavaScript阶 ...
- JavaScript作业1（实验1：Javascript基础语法）
1.判断今年是否闰年. <!DOCTYPE html> <html lang="en"><head><meta charset=" ...
- JavaScript基础语法（输出语句）
JavaScript基础语法(输出语句) 学习路线:JavaScript基础语法(输出语句)->JavaScript基础语法(变量)->JavaScript基础语法(数据类型)->J ...
- javascript基础语法——表达式
前面的话 一般地,关于javascript基础语法,人们听得比较多的术语是操作符和语句.但是,其实还有一个术语经常使用,却很少被提到,这就是javascript表达式(expression).本文将详 ...
最新文章
- ubunut离线redis配置_ubuntu安装redis及简单配置
- NASA艾姆斯研究中心将跟Uber团队展开合作
- 全球及中国磁性分离滑轮行业竞争战略及未来产销需求预测报告2022版
- Http协议中的方法
- 100篇精选算法技术文章收藏
- 窗口类的注册生成和消息循环
- 判别模型、生成模型与朴素贝叶斯方法
- Windows Phone 7开发一月谈（3）
- python运用在哪些地方_必看 | 2020年，Python十大应用领域介绍！
- android运营商获取本机号码_一键登录已成大势所趋，Android端操作指南来啦！
- qaxobject控制word到某一行_太简单了！Excel信息导出为每页打印一行，且批量添加同一表头...
- 猿取向的规划设计模式 ——GoF《设计模式》阅读摘要（零）
- 用c语言编写的迷宫游戏代码,C语言编写的迷宫小游戏 源代码
- 曲线平滑算法 matlab,matlab学习之降噪平滑算法
- AE CS6安装教程说明
- go module使用教程:使用go mod的方法.报错go: cannot determine module path for source directory E:\tttttt (outside
- java中mysql的优化,Java培训实战教程之mysql优化
- Confusing Problem
- 《周一清晨的领导课》读书笔记
- 设计模式之禅【代理模式】
热门文章