JS入门-语法基础

python 语法和熟练程度差不多，还是需要多练练。 最近想学习一些前端网页的知识。

与python相比较入门下，基本JS语法，再这里做些总结吧，一遍后期更好学习python爬虫和大数据相关的知识。 仅作为编程提升课了。

广义上的定义：
JS一种脚本，一门编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新，交互式的地图，2D/3D 动画，滚动播放的视频等等。JavaScript 怎能缺席。它是标准 Web 技术蛋糕的第三层，其中 HTML 和 CSS 我们已经在学习中心的其他部分进行了详细的讲解。

HTML是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。
CSS 是一种样式规则语言，可将样式应用于 HTML 内容， 例如设置背景颜色和字体，在多个列中布局内容。
JavaScript 是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。（好吧，虽然它不是万能的，但可以通过简短的代码来实现神奇的功能。）

同python print（），JS 打印输出如下：

alert("Hello world");

再看看JS 声明变量

let name = "xiaoming";
alert(name)

JS 数据类型

# String 
# Number
let book_num = 3
alert(book_num)
# boolen 
let myVariable = true;
let myVaribale = false;
# Array 
let myVariable = [1, 'lilei', 'hanmeimei',10]
alert(myVarible[0])
# object
let myVarible = document.querySeletor('h1');

Function

function checkGuess() {
  alert('我是一个占位符');
}

运算符

条件语句

function checkGuess() {
  let userGuess = Number(guessField.value);
  if (guessCount === 1) {
    guesses.textContent = '上次猜的数：';
  }
  guesses.textContent += userGuess + ' ';

  if (userGuess === randomNumber) {
    lastResult.textContent = '恭喜你！猜对了';
    lastResult.style.backgroundColor = 'green';
    lowOrHi.textContent = '';
    setGameOver();
  } else if (guessCount === 10) {
    lastResult.textContent = '!!!GAME OVER!!!';
    setGameOver();
  } else {
    lastResult.textContent = '你猜错了！';
    lastResult.style.backgroundColor = 'red';
    if(userGuess < randomNumber) {
      lowOrHi.textContent = '你猜低了！';
    } else if(userGuess > randomNumber) {
      lowOrHi.textContent = '你猜高了';
    }
  }

  guessCount++;
  guessField.value = '';
  guessField.focus();
}

循环

for (let i = 1; i < 21; i++) { console.log(i); }