JS简介,如何快熟JS。打下结实基础。
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。打下结实基础。的更多相关文章
- 《React Native 精解与实战》书籍连载「Node.js 简介与 React Native 开发环境配置」
此文是我的出版书籍<React Native 精解与实战>连载分享,此书由机械工业出版社出版,书中详解了 React Native 框架底层原理.React Native 组件布局.组件与 ...
- Senna.js – 速度极快的单页应用程序引擎
Senna.js 是一个速度超快的单页应用程序引擎,提供了几个低级别的 API,可以帮助你打造现代化的基于 Web 的应用程序.更重要的是,搜索引擎蜘蛛应该能够索引相同的内容. 通过使用 HTML5 ...
- prototype.js简介
prototype.js简介 2007-11-21 14:22 prototype.js是一个很强大的Javascript函数库,它可以让你很轻松的使用一些特效,实现AJAX的功能.虽然prototy ...
- HTML基础--JS简介、基本语法、类型转换、变量、运算符、分支语句、循环语句、数组、函数、函数调用.avi
JS简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司(已被Oracle收 ...
- 01 Node.js简介, 安装&配置
Node.js 简介 Node.js 是什么 Node.js 有着强大而灵活的包管理器(node package manager,npm) 目前, 已经有强大第三方工具模块, 例如数据库连接, 网站开 ...
- Vue.js简介
Vue.js简介 Vue.js的作者为Evan You(尤雨溪),任职于Google Creative Lab,虽然是Vue是一个个人项目,但在发展前景上个人认为绝不输于Google的AngularJ ...
- Gulp.js简介
Gulp.js简介 我们讨论了很多关于怎么减少页面体积,提高重网站性能的方法.有些是操作是一劳永逸的,如开启服务器的gzip压缩,使用适当的图片格式,或删除一些不必要的字符.但有一些任务是每次工作都必 ...
- 从零开始的JS生活(一)——JS简介、变量及基本结构
本K在经过三个静态站制作的狂风暴雨之后,终于开始了JavaScript的学习.作为一只从来没有正儿八经接受过计算机语言的小白,居然能够跟上浩哥的课程进度,我的内心都被我的才智震惊到了,果然本K是天生丽 ...
- vue学习(一)、Vue.js简介
Vue.js 五天 汤小洋一. Vue.js简介1. Vue.js是什么Vue.js也称为Vue,读音/vju:/,类似view,错误读音v-u-e 版本:v1.0 v2.0 是一个构建用户界面的框架 ...
随机推荐
- C++开始前篇,深入编译链接
C++开始,为什么要写这个东西,因为按照课堂进度的话,现在的C++已经学到模板以及重载了,有时却仍然因为一些小问题无法解答,原因是忘记了开始时学到的知识,深知不能像猴子掰棒子一样,掰一个扔一个,因此, ...
- hadoop2.6.4 搭建单机模式
注(要先安装jdk,最好jdk版本>=1.7) 安装jdk http://www.cnblogs.com/zhangXingSheng/p/6228432.html 给普通用户添加su ...
- war项目在tomcat上面部署
1.war包放到webapps根目录下. 2.修改tomcat目录下的conf文件夹里面的的server.xml,在<Host></Host>之间加入: <Context ...
- ******IT公司面试题汇总+优秀技术博客汇总
滴滴面试题:滴滴打车数据库如何拆分 前端时间去滴滴面试,有一道题目是这样的,滴滴每天有100万的订单,如果让你去设计数据库,你会怎么去设计? 当时我的想法是根据用户id的最后一位对某个特殊的值取%操作 ...
- Python 爬取网站资源文件
爬虫原理: 以下来自知乎解释 首先你要明白爬虫怎样工作.想象你是一只蜘蛛,现在你被放到了互联“网”上.那么,你需要把所有的网页都看一遍.怎么办呢?没问题呀,你就随便从某个地方开始,比如说人民日报的首页 ...
- Microsoft Visual Studio 文件识别及其用途简述
Microsoft Visual Studio IDE开发工具集,目前已推出多个不同版本,从之前的VC4.0到现在的VS2015,各个版本都会或多或少的功能或性能上的修改.提升,具体的改进地方可去官网 ...
- HDU5887 Herbs Gathering(2016青岛网络赛 搜索 剪枝)
背包问题,由于数据大不容易dp,改为剪枝,先按性价比排序,若剩下的背包空间都以最高性价比选时不会比已找到的最优解更好时则剪枝,即 if(val + (LD)pk[d].val / (LD)pk[d]. ...
- 【SAP BO】无法识别账户信息:无法访问CMS。计算机上的CMS由于某个严重错误而停止。(FWM 20031)
1.系统环境 OS:Windows Server 2008 R2 RDBMS:Oracle 11g R2(Server.Client同时存在) BI:SAP Business Objects 4.2 ...
- liunux 修改hostname
最近鼓捣Oracle,记录些技巧 修改hostname # vim /ect/hosts # vim /etc/sysconfig/network 修改hostname # service netwo ...
- @Autowired
1. Spring框架中进行注入式,使用@Autowired. @Autowired可以对成员变量.方法和构造函数进行标注,来完成自动装配的工作,这里必须明确:@Autowired是根据类型进行自动装 ...