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的很多问题。

时间: 2024-10-27 12:48:09

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

热烈庆祝《Vue.js 实战教程 V2.x(一)基础篇》上线了!

课程简介 课程地址:https://ke.qq.com/course/432961 机构名称:大华软件学院 授课讲师:大强老师 课程名称:Vue.js 实战教程 V2.x(一)基础篇 课程简介:包括前端发展史.Vue.js简介.第一个Vue.js程序.安装环境和Vue.Vue实例.模板语法.计算属性和侦听器.Class与Style绑定.条件渲染.列表渲染.事件处理.表单输入绑定.组件基础等等. 适合人群: 1.初出茅庐,想学习前端开发的同学: 2.没用过Vue.js,想学习更多框架的同学: 3.

jquery.flot.js简介

JQuery图表插件之Flot Flot是一个Jquery下图表插件,具有简单使用,交互效果,具有吸引力外观特点.目前支持 Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+ 等浏览器,是一个基于Javascript和Jquery纯客端户的脚本库,下面看一个简单的示例,先插入js: <script language="javascript" type="text/javascript&qu

jquery.easypiechart.js简介

此插件主要是用来统计新的访问.跳出率.服务器负载.使用的RAM等,功能很强大,带有HTML5的动画效果,效果非常炫,看效果吧easyPieChart一款新型的EASY饼图数据统计Jquery插件截图: 插件下载:https://github.com/rendro/easy-pie-chart/ jquery.easypiechart.js简介,布布扣,bubuko.com

jquery.sparkline.js简介

jQuery线状图插件Sparkline 官网地址:http://omnipotent.net/jquery.sparkline/ 文档地址:http://omnipotent.net/jquery.sparkline/#docs 下载地址:http://omnipotent.net/jquery.sparkline/#download jquery.sparkline.js简介,布布扣,bubuko.com

Vue.js简介

Vue.js简介 Vue.js的作者为Evan You(尤雨溪),任职于Google Creative Lab,虽然是Vue是一个个人项目,但在发展前景上个人认为绝不输于Google的AngularJs,下面我会将Vue与Angular(Angular 1.0+版本)做一些简单的比较. Vue的主要特点就和它官网(http://cn.vuejs.org/)所介绍的那样: (1) 简洁 (2) 轻量 (3)快速 (4) 数据驱动 (5) 模块友好 (6) 组件化 简单 下面看一段Angular的实

更快学习 JS 的 6 个简单思维技巧

当人们尝试学习 JavaScript , 或者其他编程技术的时候,常常会遇到同样的挑战: 有些概念容易混淆,特别是当你学习过其他语言的时候. 很难找到学习的时间(有时候是动力). 一旦当你理解了一些东西的时候,却很容易再一次忘记. 可以使用的工具甚多且经常变化,所以不知道从哪里开始入手. 幸运的是,这些挑战最终都可以被战胜.在这篇文章里,我将介绍 6 个思维技巧来帮你更快的学习 JavaScript ,让你成为一个更快乐更多产的程序员. 1.不要让将来的决定阻止你进步 对于很多学习 JavaSc

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

Node.js 简介 Node.js 是什么 Node.js 有着强大而灵活的包管理器(node package manager,npm) 目前, 已经有强大第三方工具模块, 例如数据库连接, 网站开发框架, CSS生成器, 操作系统API, 网络通信 等. Node.js 是什么 ? 是一个让 javascript 运行在服务器端的平台, 以前javascript只能运行在浏览器中,  node.js 可以解析 javascript. CommonJS 试图设计一套Javascript的规范.

Analytics.js简介

analytics.js JavaScript代码段是一种可用于衡量用户与您网站的互动情况的全新方式.它与之前的跟踪代码ga.js类似,但为开发者自定义实现方案提供了更大的灵活性. analytics.js代码段是Universal Analytics(目前处于公测阶段)的一部分.新用户应使用analytics.js.现有的ga.js用户应为analytics.js创建新的网络媒体资源并在他们的网站中进行两次代码实现.在同一页面上添加ga.js和analytics.js代码段并不会有任何安全问题

jquery.gritter.js简介

Gritter 是一个小型的 jQuery 消息通知插件,通知效果如下图所示: 参考网 jquery.gritter.js简介,布布扣,bubuko.com