JavaScript 各种小案例

1、题目----判断时间阶段
用户输入几点弹出问候信息；
用户输入12点中午
用户输入18点晚上
用户输入23点深夜
建议：通过比较运算符弹出对应值

 <script>var time = prompt('请输入当前时间')switch (true) {case time <= 10 : document.write('当前时间是' + time + '上午')break;case  time <= 12 :document.write('当前时间是' + time + '中午')break;case time <= 18 :document.write('当前时间是' + time + '下午')break;case time <= 23 : document.write('当前时间是' + time + '深夜')break;}// if( time == 12){//     prompt('当前时间是' + time + '中午')// }else if ( time == 18){//     prompt('当前时间是' + time + '下午')// }else if (time == 23){//     prompt('当前时间是' + time + '深夜')// }</script>

2、题目------ 比较两个数的最大值
1、用户依次输入两个值，最后弹出最大的那个值
建议用：比较运算符

 <script>var num = prompt('请输入第一个数')var num2 = prompt('请输入第二个数')if( num > num2 ){document.write(num + '是最大的数')}else{document.write(num2 + '是最大的数')}</script>

3、题目
判断奇偶性
用户输入一个数，判断是奇数还是偶数
建议：通过%运算可以得出数字的奇偶性

 <script>var  num = prompt('请输入一个数')if(num % 2 == 0){document.write(num + '是偶数')}else{document.write(num + '是奇数')}</script>

4、题目-----请客吃饭
大于2000请大家吃自助餐
小于2000 并大于等于1500 请大家吃披萨
小于1500 并等于1000 请大家吃黄焖鸡
小于1000 提醒我下次把钱带够
建议用 switch 或者if else if

<script>// var eat = prompt("想请大家吃饭，请输入我身上多少钱")// switch (true) {//     case eat >= 2000://         document.write('我身上带了' + eat + '元，请大家吃自助餐')//         break;//     case eat >= 1500://         document.write('我身上带了' + eat + '元，请大家吃披萨')//         break;//     case eat >= 1000://         document.write('我身上带了' + eat + '元，请大家吃黄焖鸡')//         break;//     default://     document.write('我身上带了' + eat + '元,不能够请大家吃饭了')//     break;// }var eat = prompt('请输入我身上有多少钱')if (eat >= 2000) {document.write('我身上带了' + eat + '元，请大家吃自助餐')}else if(eat >= 1500) {document.write('我身上带了' + eat + '元，请大家吃披萨')}else if (eat >= 1000){document.write('我身上带了' + eat + '元，请大家黄焖鸡')}else {document.write('我身上带了' + eat + '元，不能够请大家吃饭')}</script>

5、题目 ----- 成绩表
判断等级。
大于90 A
大于等于80 并小于90 是B
大于等于70 并小于80 是c
大于等于60 并小于70 是D
小于60 是E
建议使用 swtich

<script>var grade = prompt('请输入当前成绩')switch(true){case grade >= 90 : document.write( grade + "当前成绩是A")break;case grade >= 80 : document.write(grade + "当前成绩是B")break;case grade >= 70 : document.write(grade + "当前成绩是C")break;default : document.write(grade + "当前成绩是D")break;}</script>

6、题目—-接收用户输入的用户名和密码，
若用户名为 ‘admin’ ，且密码为 ‘123456’，则提示用户登录成功；否则一直输入
建议用while 或者do while循环

<script>var user = prompt('请输入用户名')var password = prompt('请输入密码')while (user != 'admin' && password != '123456') {alert('账号或者密码错误，请重新输入')var user = prompt('请输入用户名')var password = prompt('请输入密码')}alert('登陆成功' +'当前用户名是' + user +  '当前密码是' + password)</script>

JavaScript 各种小案例相关推荐

Javascript函数小案例--《找质数》
什么是质数除了1和其本身外,没有能被其整除的数. 我们知道: 1.十以内的质数有: 2, 3, 5, 7. 1 既不是质数也不是合数, 所以, 先把1划掉. 2. 再划掉除2以外, 所有2的倍数. ...
HTML+CSS+JavaScript小案例（注册页面表单验证轮播图跳转主页动态表格select联动）
案例:(表单验证) <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
Javascript小案例（一）：仿淘宝搜索框用户输入事件的实现
淘宝是我们经常用的一个网上购物平台,打开淘宝网首页,找到淘宝首页的搜索框,如下如所示: (截图日期:2017年6月18日) 大家可以看到,当页面一打开,搜索框中就可以看到灰色字体"少女高跟鞋 ...
JavaScript 国庆倒计时小案例
本次实现js国庆倒计时小案例开发工具与关键技术:Visual Studio 2015 JavaScript 当然首先还是先写出大概样式如下图: 之后便是我的css样式了: 下图便是在页面加载完成的 ...
JavaScript基础语法及小案例
目录 JavaScript基础语法 1. 变量声明和赋值 2. 数据类型 1) 基本数据类型 2) 复合数据类型(引用类型) 3) 特殊数据类型 3. 运算符 1) 算术运算符 2) 赋值运算符 3) ...
javaScript小案例------js实现手风琴效果篇
原生js书写手风琴效果 js手风琴效果第一种方法手风琴需求 html和css: html: css: js animate.js index.js 第二种方法 js手风琴效果我用了两种方法来完成 ...
【Node.js学习小案例】DNS域名解析一
Node.js 百度百科: Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台, 用来方便地搭建快速的易于扩展的网络应用· Node.js 借助事件驱动, 非阻塞I/ ...
Vue学习小案例--分页组件封装
文章目录 Vue学习小案例--分页组件封装修改成Vue(使用组件) Vue学习小案例–分页组件封装 index.html <!DOCTYPE html> <html lang=&q ...
click 点击图片不起作用_JavaScript 练手小案例：基于SVG的图片切换效果
最近太忙了,自动来到rjxy后,不晓得怎么回事,忙的都没时间更博了. 昨天还有个同学跟我说,你好久没更新博客了.. 甚为惭愧~~ 正好12月来了,今天开一篇. 最近上课讲到了 SVG,不晓得同学们理解 ...

JavaScript 各种小案例

JavaScript 各种小案例相关推荐

最新文章

热门文章