GDG shanghai programming one hour by JavaScript

刚在昨天参加了一场JS入门编程的活动，目的就是提升对JS的兴趣。

因为是针对零基础开发者的，一上来就是“Hello World!”了

当然，想用JS输出"Hello World!"也有不止一种方法

第一种：

document.write("Hello World!");
alert("Hello World");

第二种：

var str ="Hello World!";
alert(str);

随后提到了，JS是一种弱类型的语言

比如JS的变量可以赋值为：

var str = undifined;

在JS中，下列两种操作也都会得出不同的结果：

var str = "2"+1;
document.write(str);

var str = "2"-1;
document.write(str);

这也是一种神奇的现象

在JS中写出“确定取消”选择窗口弹出时，可以这么写：

var str = prompt("Enter:
                 ");
alert("Hello" + str);
var bln = confirm("你确定要删除吗？
                  ");
if(bln === true){
  //do something
alert("已经删除");
}

此处注意：

三个等号不会做类型的匹配，尽量使用三个等号

在JS中尽量少使用两个等号

函数的表达也类似C语言：

function add(a,b)
{
  return a+b;
}
alert("2 + 3 = " + add(2,3));

但是随后讲到的东西我感觉听懂了但是写不出正确的代码：

错误代码：

function Person(name)
{
  this.myName = name;
  
  this.SayHello = function(friend)
  {
      document.write("Hello,"+firend+"!My name is "+this.myName);
  }
}
                     
var Jessica = new Person("Jessica");
alert(Jessica.myName);

要求输出应该为在屏幕内输出一行Hello......，但是我这么写只能输出Jessica，不知道哪里出错了

随后将的一个东西是和上面这个有点联系，在函数外对对象赋值，具体看如下代码：

Jessica.sex = "Female";
alert(Jessica.sex);
Jessica.SayHello("XiaoMa");
var XiaoMa = {
  myName:"XiaoMa";
  SayHello:function(friend){
    documet.write("Hello,"+firend+"!My name is "+this.myName);
  }
};

同样，也有错误

有关JS是面向对象的语言，还提到了一个例子：

  var TrainingRoom1 = {
    temprature: 21,
    person:[XiaoMa,Jessica,Lookon,Leo],
    AddPeople:function(people){person.push(people);}
  }

alert(XiaoMa.myName);
XiaoMa.Sayhello("Jessica");

在最后，我写了一道题目，只是补充了JS中缺漏的函数部分，HTML,CSS已经完整提供

完整的网页就是可以让用户和计算机猜拳比拼胜负

<div class="finger-guessing">
  <div id="choice" class="choice">
    <label><input name="custom" type="radio" value="石头" checked/>石头</label>
    <label><input name="custom" type="radio" value="剪刀" />剪刀</label>
    <label><input name="custom" type="radio" value="布" />布</label>
  </div>
  <div class="info">
    <span class="choice-result">PLAYER: <span id="player"></span></span>
    <span class="choice-result">COMPUTER: <span id="computer"></span></span>
    <br /><button id="start" type="button">START</button>
    <div id="result"></div>
  </div>
</div>

View HTML