<!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8" />

         <title>if练习1</title>

         <script type="text/javascript">

             /*

              *    从键盘输入小明的期末成绩:

              *    当成绩为100时，'奖励一辆BMW'

              *    当成绩为[80-99]时，'奖励一台iphone15s'

              *    当成绩为[60-80]时，'奖励一本参考书'

              *    其他时，什么奖励也没有

              */

             /*

              * prompt()可以弹出一个提示框，该提示框中会带有一个文本框，

              *     用户可以在文本框中输入一段内容，该函数需要一个字符串作为参数，

              *     该字符串将会作为提示框的提示文字

              *

              * 用户输入的内容将会作为函数的返回值返回，可以定义一个变量来接收该内容

              */

             //将prompt放入到一个循环中

             while(true){

                 //score就是小明的期末成绩

                 var score = prompt("请输入小明的期末成绩(0-100):");

                 //判断用户输入的值是否合法

                 if(score >= 0 && score <= 100){

                     //满足该条件则证明用户的输入合法，退出循环

                     break;

                 }

                 alert("请输入有效的分数！！！");

             }

             //判断值是否合法

             if(score > 100 || score < 0 || isNaN(score)){

                 alert("拉出去毙了~~~");

             }else{

                 //根据score的值来决定给小明什么奖励

                 if(score == 100){

                     //奖励一台宝马

                     alert("宝马，拿去~~~");

                 }else if(score >= 80){

                     //奖励一个手机

                     alert("手机，拿去玩~~~");

                 }else if(score >= 60){

                     //奖励一本参考书

                     alert("参考书，拿去看~~~");

                 }else{

                     alert("棍子一根~~");

                 }

             }

         </script>

     </head>

     <body>

     </body>

 </html>

JS基础_while的练习2的更多相关文章

  1. JS基础_while的练习1

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. JS基础_while循环

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. js 基础篇（点击事件轮播图的实现）

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  4. js 基础

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

  5. js基础练习二之简易日历

    今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...

  6. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  7. JS基础（超级简单）

    1     JS基础(超级简单) 1.1 数据类型 1.1.1   基本类型: 1)        Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2)       ...

  8. Node.js基础与实战

    Node.js基础与实战 Node.jsJS高级进阶 NODE原理与解析 REPL交互环境 模块与NPM Buffer缓存区 fs文件操作 Stream流 TCP&UDP 异步编程 HTTP& ...

  9. js基础到精通全面教程--JS教程

    适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”J ...

随机推荐

  1. mysql数据库学习

    1,服务端和客户端 MySQL 包括服务端和客户端,服务端是MySQL server,客户端包括命令行客户端和图形用户客户端: 命令行客户端:mysql,mysqladmin,mysqldump  ( ...

  2. LC 725. Split Linked List in Parts

    Given a (singly) linked list with head node root, write a function to split the linked list into k c ...

  3. 将ejs模板文件的后缀换成html

    1.app.js的头部定义ejs: var ejs = require('ejs'): 2注册html模板引擎: app.engine('html',ejs.__express); 3.将模板引擎换成 ...

  4. NET全控件

    NBSI WebSite Injection ReportSite Address: www.xmht.comInject URL: http://www.xmht.com/news.aspx?sty ...

  5. 一百二十六：CMS系统之轮播图管理页面布局和添加轮播图的模态对话框制作

    视图 @bp.route('/banners/')@login_required@permission_required(CMSPersmission.POSTER)def banners(): re ...

  6. iscsi序列二、iscsi多路径配置方式

    一.ISCSI多路径应用 如果存储服务器到交换机只有一条线路的时候,那么一条线路出线故障,整个就没法使用了,所以多线路可以解决这个问题,避免单点故障 如上图,如果SAN服务器与客户端交换机只有一条线路 ...

  7. docker下载镜像

    注意:必须先搜索镜像,否则有时候无法下载 Docker下载Redis镜像并运行容器 .搜索查找镜像 docker search redis .下载镜像 docker pull redis:latest ...

  8. Mybatis高级结果映射

    有时侯,我们用SQL取得的结果需要映射到类似Map<key, Bean>这样的数据结构中或是映射到多个实体类中时,我们就需要使用到resultMap.下面用3个例子说明Mybatis高级结 ...

  9. kubeadm安装集群系列-2.Master高可用

    Master高可用安装 VIP负载均衡可以使用haproxy+keepalive实现,云上用户可以使用对应的ULB实现 准备kubeadm-init.yaml文件 apiVersion: kubead ...

  10. centos超详细搭建jumpserver跳板机

    一.官网 https://docs.jumpserver.org/zh/master/  二.一站式.分布式安装文档  三.选择最新版 四.在线安装文档 五.按文档部署(4G.二核.50G硬盘)  六 ...