<!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8" />

         <title>if练习1</title>

         <script type="text/javascript">

             /*

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

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

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

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

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

              */

             /*

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

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

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

              *

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

              */

             //--------------------------------------------------------------------------

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

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

             //判断值是否合法

             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基础_if练习一的更多相关文章

  1. JS基础_if注意问题

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  2. JS基础_if练习三

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  3. JS基础_if练习二

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  4. JS基础_if语句

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

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

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

  6. js 基础

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

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

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

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

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

  9. JS基础（超级简单）

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

随机推荐

  1. mysql连表操作是先连表还是先查询条件

    mysql连表操作是先连表还是先查询条件 一.总结 一句话总结: 连表操作时:先根据查询条件和查询字段确定驱动表,确定驱动表之后就可以开始连表操作了,然后再在缓存结果中根据查询条件找符合条件的数据 1 ...

  2. QT Embedded二三事之QObject的元对象

    一.元对象  元对象被称做是meta object.在运行时刻(runtime),能够提供对象的运行时信息.        在C++语言发展的早期,C++语言本身没有定义对象的运行时信息,如输出类的名 ...

  3. 移动端——meta标签

    meta标签主要辅助HTML结构层的.meta标签不管在互联网前端还是在移动端都起了很重要的作用. <meta http-equiv="Content-type" conte ...

  4. hibernate关联映射之一对多&多对一

    package loaderman.b_one2Many; import java.util.HashSet; import java.util.Set; public class Dept { pr ...

  5. 前端构建工具gulp使用 (转）

    http://www.cnblogs.com/starof/p/5194622.html 前端自动化流程工具,用来合并文件,压缩等. Gulp官网 http://gulpjs.com/ Gulp中文网 ...

  6. 为什么单个TCP连接很难占满带宽

    计算 TCP吞吐量的公式 TCP窗口大小(bits) / 延迟(秒) = 每秒吞吐量(bits) 比如说windows系统一般的窗口大小为64K, 中国到美国的网络延迟为150ms. 64KB = 6 ...

  7. Docker Windows

    docker windows 操作和linux上稍有些差异,主要是在启动容器时的命令参数 和 端口映射. 1.下载docker-toolbox http://mirrors.aliyun.com/do ...

  8. python3 速查参考- python基础 8 -> 面向对象基础：类的创建与基础使用，类属性，property、类方法、静态方法、常用知识点概念（封装、继承等等见下一章）

    基础概念 1.速查笔记: #-- 最普通的类 class C1(C2, C3): spam = 42 # 数据属性 def __init__(self, name): # 函数属性:构造函数 self ...

  9. Django 虚拟化环境创建

    A:linux下的方法: 1.用python3.6内置的venv创建名为 typeidea-env虚拟化环境: python3.6 -m venv typeidea-env 2.激活环境: cd ty ...

  10. VMware 虚拟机安装Mac OS X 10.10

    有图有真相,哈哈 一.下载以上文件 1. vm百度软件下载即可,版本都能满足需要,随意好了 2. unlocker 207 3. Mac OS X 10.10镜像 二.基本步骤 1. 虚拟机的安装 下 ...