最近屌丝被迫学习TypeScript（不学就会被开除，5555），所以得先学JavaScript，这下可好，所有网页相关的东西都得要有所了解，否则没法忽悠BOSS。
今天学了一小会JavaScript，这里先做了一个简单的点灯游戏，算是练手吧。其中用到了JQuery，否则事件绑定就会蛋疼了。
做为JavaScript的Hello World，这个玩意就是下面这个东东。这里简单说一下实现方法。
效果图：
首先定义一个样式表，别忘了自定义的元素前都要加圆点，否则无效（菜鸟被这个玩意害了好多次啊）：
app.css
body
{
font-family: ‘Segoe UI’, sans-serif;
}
span {
font-style: italic
}
.darkButton {
width:70px;
height:70px;
background-color:green;
}
.lightButton {
width:70px;
height:70px;
background-color:lightblue;
}
.return {
font-size:small;
}
接下来实现整体布局吧，就是body标签中的东西，这个很简单，不多说了：
<body>
<h1>Turn all the light bulbs if you can!</h1>
Hello
<div id=”option”>
<label for=”X”>横向：</label>
<input type=”number” id=”X” value=”5″ />
<label for=”Y”>纵向：</label>
<input type=”number” id=”Y” value=”4″/>
<button id=”startButton”>开始游戏</button>
</div>
<div id=”content”>
</div>
<div id=”stepCounter”>
您已经移动了 <label id=”step”>0</label> 步。
</div>
</body>
然后，先实现一个很简单的验证，在点击开始按钮后，判断用户输入是否是数字，并且是否在4-9的范围内。
$(document).ready(function () {
$(startButton).click(function () {
if (step > 0) {
if (confirm(‘乃确定要重新开始游戏么？’) === false)
