JS决定网页的行为,有行为就有逻辑,而计算机只是人工智能,你给它什么样的指令,它就会按照你的指令去运行。

有人会问,既然是给出指令,那还需要什么逻辑?

这里我举一个简单的小例子来说明一下!

到你想输入一个成绩,让打印台打印出成绩的等级该怎么做呢?

等级规则90<=分数<100系统打印A,80<=分数<90打印B,70<=分数<80打印C,60<=分数<70打印D,60>=打印E

这时,你就需要给出指令了,那么需要什么样的指令呢?

我先写出代码,在来解释

var x=prompt('输入成绩')

if(x>=90&&x<=100){
  console.log('A');
}
else if(x>=80)
{
  console.log('B');
}
else if(x>=70){
  console.log('C');
}
else if(x>=60)
{
  onsole.log('D');
}
else if(x>=0)
{
console.log('E');
}
var x<=100;

这里我们就会用到if和Var。

if在JS当中是判断的意思。而var是定义一个变量的意思。

  首先看var x=prompt('输入成绩');

  这句话是说,我们定义变量x,然后在输出框内输入一个成绩。

  那么输出了成绩,接下来需要做什么呢?别人输入的是什么成绩,我肯定不会知道是吧!所以我们就需要判断这个成绩了。

  这时我们就要用到if判断

  if(90<x<100){
 
  }
  else{

  }此时if括号里面的x>=90&&x<=100就是我们需要判断的条件。

  他后面的{}干嘛用的呢?有了判断条件,那么当然就会出现满足它和不满足它 的情况了!

  紧接着if后面这个{}就是在判断分数x满足条件时,他接下来需要做的事。

  所以我们在{}里面写上console.log('A');

  这时,当你在prompt('输入成绩')输入一个大于90小于一百的数字时,console.log就会打印出A来。

  那么,

  if(90<x<100){
 
  }
else{

  }中的第一个{}知道是干嘛的了,else后面这个{}又是干嘛的呢?

  不错,他就是当if 判断为否的时候,你需要让电脑做的事。

  什么情况下if判断为否呢?当然是输出的分数不在90到100之间的时候。

  这是就会进入else当中。那么进入else当中又需要怎么做呢?这时就需要继续判断了。

   if(x>=90&&x<=100){
    console.log('A');
  }
  else if(x>=80)
  {
    console.log('B');
  }
  注意在else后面又有一个if ,这是什么意思呢?就是说当第一个if判断为否的时候,我又进行判断。

看到这里,不知道大家明白了没有。

这就是一个简单的逻辑问题。

而想要学好JS,为JS打下牢固的基础,你需要了解更多的逻辑知识。才能无所畏惧JS的很多问题。

JS简介,如何快熟JS。打下结实基础。的更多相关文章

  1. 《React Native 精解与实战》书籍连载「Node.js 简介与 React Native 开发环境配置」

    此文是我的出版书籍<React Native 精解与实战>连载分享,此书由机械工业出版社出版,书中详解了 React Native 框架底层原理.React Native 组件布局.组件与 ...

  2. Senna.js – 速度极快的单页应用程序引擎

    Senna.js 是一个速度超快的单页应用程序引擎,提供了几个低级别的 API,可以帮助你打造现代化的基于 Web 的应用程序.更重要的是,搜索引擎蜘蛛应该能够索引相同的内容. 通过使用 HTML5 ...

  3. prototype.js简介

    prototype.js简介 2007-11-21 14:22 prototype.js是一个很强大的Javascript函数库,它可以让你很轻松的使用一些特效,实现AJAX的功能.虽然prototy ...

  4. HTML基础--JS简介、基本语法、类型转换、变量、运算符、分支语句、循环语句、数组、函数、函数调用.avi

    JS简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司(已被Oracle收 ...

  5. 01 Node.js简介, 安装&配置

    Node.js 简介 Node.js 是什么 Node.js 有着强大而灵活的包管理器(node package manager,npm) 目前, 已经有强大第三方工具模块, 例如数据库连接, 网站开 ...

  6. Vue.js简介

    Vue.js简介 Vue.js的作者为Evan You(尤雨溪),任职于Google Creative Lab,虽然是Vue是一个个人项目,但在发展前景上个人认为绝不输于Google的AngularJ ...

  7. Gulp.js简介

    Gulp.js简介 我们讨论了很多关于怎么减少页面体积,提高重网站性能的方法.有些是操作是一劳永逸的,如开启服务器的gzip压缩,使用适当的图片格式,或删除一些不必要的字符.但有一些任务是每次工作都必 ...

  8. 从零开始的JS生活(一)——JS简介、变量及基本结构

    本K在经过三个静态站制作的狂风暴雨之后,终于开始了JavaScript的学习.作为一只从来没有正儿八经接受过计算机语言的小白,居然能够跟上浩哥的课程进度,我的内心都被我的才智震惊到了,果然本K是天生丽 ...

  9. vue学习(一)、Vue.js简介

    Vue.js 五天 汤小洋一. Vue.js简介1. Vue.js是什么Vue.js也称为Vue,读音/vju:/,类似view,错误读音v-u-e 版本:v1.0 v2.0 是一个构建用户界面的框架 ...

随机推荐

  1. jQuery简单倒计时插件

    一. 效果预览 二. 实现 1. 按照特定的类结构布局. 2. 需要先引入jQuery,再引入此文件. /** * Author: CC11001100 * * 简单倒计时 * * 1. 支持页面内同 ...

  2. NetBeans无法使用编码GBK安全打开文件

    刚才使用NetBeans打开php文件时,提示:NetBeans无法使用编码GBK安全地打开该路径下的文件. 找到了解决方案. 原文地址:http://qdjinxin.iteye.com/blog/ ...

  3. Python 实现Windows开机运行某软件

    开机运行:随系统启动的应用程序,当系统启动之后会自动加载的应用 在注册表中添加启动项便可实现开机启动. 代码如下: # -*- coding:utf-8 -*- import win32api imp ...

  4. java反射详解

    本篇文章依旧采用小例子来说明,因为我始终觉的,案例驱动是最好的,要不然只看理论的话,看了也不懂,不过建议大家在看完文章之后,在回过头去看看理论,会有更好的理解. 下面开始正文. [案例1]通过一个对象 ...

  5. 记录一下折腾webp 的过程

    最近有客户想要处理webp 的动图,情况当然是我们并不能处理webp 格式的图片.这事就交给了我来折腾,一开始想着用瑞士军刀ffmpeg.结果是折腾了差不多一天,前前后后编译了几十次ffmpeg 源码 ...

  6. C# 取整函数

    向上取整math.ceiling(1) = 1math.ceiling(1.1) = 2math.ceiling(1.5) = 2向下取整math.float(1) = 1math.float(1.1 ...

  7. UWP Composition API - GroupListView(一)

    需求: 光看标题大家肯定不知道是什么东西,先上效果图: 这不就是ListView的Group效果吗?? 看上去是的.但是请听完需求.1.Group中的集合需要支持增量加载ISupportIncreme ...

  8. html内容超出了div的宽度如何换行让内容自动换行

    在显示评论列表的时候因为有固定宽,但是显示的内容超出的了div的宽,在这种情况下我们需要将其换行,实现的css代码如下   在工作中评论内容测试遇到评论着的评论内容为:"dddddddddd ...

  9. 详解Eclipse断点

    原文链接:http://www.blogjava.net/jiangshachina/archive/2011/11/20/364367.html 大家肯定都用过Eclipse的调试的功能,在调试的过 ...

  10. ci框架登陆之后每隔几分钟就需要重新登录的问题

    一个简单的登陆写好之后,发现每次进入需要登陆之后才能进入的页面都会跳转到登录页面,猜测应该是session被清了,打印出来,果然为空,但是我没有设置session的生存周期,按照默认的应该是24小时, ...