<!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. Flutter移动电商实战 --（4）打通底部导航栏

    关于界面切换以及底栏的实现可参考之前写的一篇文章:Flutter实 ViewPager.bottomNavigationBar界面切换 1.新建4个基本dart文件 在pages目录下,我们新建下面四 ...

  2. [go]gorhill/cronexpr用go实现crontab

    // crontab基础 // linux crontab // 秒粒度, 年配置(2018-2099) // 哪一分钟(0-59),哪小时(0-23),哪天(1-31),哪月(1-12),星期几(0 ...

  3. python 3.6闭包+循环获取出字典中所有的值并保存在list中

    def list_test(): list1=[] def list_all_dict(a): #检测字段类型 if isinstance(a,dict): for x in range(len(a) ...

  4. 网站title，meta，description如何设置，长度大小多少合适！

    转自:http://www.os1010.com/archives/1682 如 何 把 握 html 网 页 中 的 meta 标 签 对于高级的搜索引擎来说,html 的meta 标签并不是什么新 ...

  5. Kafka管理与监控——查看和重设消费者组位移

    kafka 0.11.0.0版本丰富了kafka-consumer-groups脚本的功能,用户可以直接使用该脚本很方便地为已有的consumer group重新设置位移. 前提必须consumer ...

  6. memcached-slab内存管理

    一.Memcache内存分配机制 关于这个机制网上有很多解释的,我个人的总结如下. Page为内存分配的最小单位. Memcached 的内存分配以page为单位,默认情况下一个page是1M,可以通 ...

  7. Springboot学习—CommandLineRunner接口（转载）

    前言 Spring boot的CommandLineRunner接口主要用于实现在应用初始化后,去执行一段代码块逻辑,这段初始化代码在整个应用生命周期内只会执行一次. 如何使用CommandLineR ...

  8. QTP的安装（转载）

    1.WIndows10安装QTP时需注意版本的要求. 2.安装参考 下载链接:https://download.csdn.net/download/weixin_41479750/11240466 下 ...

  9. 想了解Java后端学习路线？你只需要这一张图！

    前言 学习路线图往往是学习一样技术的入门指南.网上搜到的Java学习路线图也是一抓一大把. 今天我只选一张图,仅此一图,足以包罗Java后端技术的知识点.所谓不求最好,但求最全,学习Java后端的同学 ...

  10. Summary of OAuth 2.0

    Summary of OAuth 2.0 1 Problems: This pattern of applications obtaining user passwords obviously has ...