<!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. 一个简易的PHP读取CSV文件的方法

    1. 思路:先打开文件,读取出文件有多少行,然后逐行读取数据放入一个数组中 public function read_csv_lines($csv_file = '', $lines = 0, $of ...

  2. 服务器开启FTP功能

    介绍几个比较完整的教程链接 Windows Server 2012 之文件服务器(FTP)

  3. 图解Python 【第三篇】：Python-函数

    本节内容一览图 一.函数介绍 1.什么是函数 2.定义一个函数 你可以定义一个由自己想要功能的函数,以下是简单的规则: 函数代码块以 def 关键词开头,后接函数标识符名称和圆括号 (). 任何传入参 ...

  4. UiUtils

    import android.app.Activity; import android.app.Dialog; import android.content.Context; import andro ...

  5. application节点

    <application>节点是AndroidManifest.xml文件中必须持有的一个节点,它包含在<manifest>节点下.通过<application>节 ...

  6. 【JVM学习笔记】异常表的重要作用以及locals属性的含义

    有如下代码 public class Test { public void work() { try { InputStream is = new FileInputStream("test ...

  7. linux下后台启动springboot项目（转载）

    我们知道启动springboot的项目有三种方式: 运行主方法启动 使用命令 mvn spring-boot:run”在命令行启动该应用 运行“mvn package”进行打包时,会打包成一个可以直接 ...

  8. vue中如何编写可复用的组件？

    原文地址 Vue.js 是一套构建用户界面的渐进式框架.我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件. 从维护视图到维护数据,Vue.js 让我们快速地开发应用.但随着业务代码日 ...

  9. 20190925 - macOS 的包管理工具

    众所周知,macOS 的包管理工具有 MacPorts 和 Homebrew,后者似乎更受欢迎,但前者但包数量更多. 喜欢手冲咖啡,看到 brew 这个词有好感,但可能部分由于网络的问题,部分因为 b ...

  10. Micro LED 技术详谈

    一.显示技术的发展概况 1. 显示技术 顾名思义,是一种将反映客观外界事物的信息(光学的.电学的.声学的.化学等),经过变换处理,以适当形式(主要有图像.图形.数码.字符)加以显示.供人观看.分析.利 ...