Done translation of button-4

Author: osk2

msg/tutorials/button-4/en.js

@@ -1,3 +1,9 @@
 MSG.title = "Webduino Blockly Chapter 4-4 : Click button to play game";
 MSG.subTitle = "Chapter 4-4 : Click button to play game";
 MSG.demoDescription = "Run with NPC";
+MSG.gameStart = "START";
+MSG.beTheFirstToReach = "Be the first to reach";
+MSG.goal = "goal";
+MSG.toWinTheGame = "to win the game";
+MSG.NPC = "NPC: ";
+MSG.player = "Player: ";

msg/tutorials/button-4/zh-hans.js

@@ -0,0 +1,9 @@
+MSG.title = "Webduino Blockly 课程 4-4：点击按钮开关玩赛跑小游戏";
+MSG.subTitle = "课程 4-4：点击按钮开关玩赛跑小游戏";
+MSG.demoDescription = "使用按钮开关和电脑进行赛跑";
+MSG.gameStart = "开始赛跑";
+MSG.beTheFirstToReach = "先到";
+MSG.goal = "终点";
+MSG.toWinTheGame = "的人就赢";
+MSG.NPC = "电脑：";
+MSG.player = "玩家：";

msg/tutorials/button-4/zh-hant.js

@@ -1,3 +1,9 @@
 MSG.title = "Webduino Blockly 課程 4-4：點擊按鈕開關玩賽跑小遊戲";
 MSG.subTitle = "課程 4-4：點擊按鈕開關玩賽跑小遊戲";
 MSG.demoDescription = "使用按鈕開關和電腦進行賽跑";
+MSG.gameStart = "開始賽跑";
+MSG.beTheFirstToReach = "先到";
+MSG.goal = "終點";
+MSG.toWinTheGame = "的人就贏";
+MSG.NPC = "電腦：";
+MSG.player = "玩家：";

templates/tutorials/button-4.html

@@ -8,37 +8,48 @@
   <script src="https://blockly.webduino.io/lib/runtime.min.js"></script>
 </template>
 <template id="body">
-  <br/>
-  先到 <span id="goal"></span> 的贏
-  <br/><br/>
-  電腦：<span id="npcshow">0</span>
-  <br/>
-  玩家：<span id="usershow">0</span> 
-  <br/>
-  <br/>
-  <div id="npc"><img id="npcimg" src="http://webduinoio.github.io/webduino-blockly/media/tutorials/run-cat.gif"></div>
-  <div id="user"><img id="userimg" src="http://webduinoio.github.io/webduino-blockly/media/tutorials/run-lion.gif"></div>  
-  <button id="start" class="go">比賽開始</button> 
+  <br>
+  <span data-translation="beTheFirstToReach">先到</span>
+  <span id="goal" data-translation="goal">goal</span>
+  <span data-translation="toWinTheGame">的贏</span>
+  <br><br>
+  <span data-translation="NPC">電腦：</span><span id="npcshow">0</span>
+  <br>
+  <span data-translation="player">玩家：</span><span id="usershow">0</span> 
+  <br>
+  <br>
+  <div id="npc">
+    <img id="npcimg" src="http://webduinoio.github.io/webduino-blockly/media/tutorials/run-cat.gif">
+  </div>
+  <div id="user">
+    <img id="userimg" src="http://webduinoio.github.io/webduino-blockly/media/tutorials/run-lion.gif">
+  </div>  
+  <button id="start" class="go" data-translation="gameStart">比賽開始</button> 
 </template>
 <template id="css">
-#start{
-  font-size:30px;
-  display:block;
-  padding:10px;
-  margin:10px auto;
+#start {
+  font-size: 30px;
+  display: block;
+  padding: 10px;
+  margin: 10px auto;
 }
-#start.go{
-  display:none;
+
+#start.go {
+  display: none;
 }
-#npc, #user{
-  transition:.3s;
+
+#npc, #user {
+  transition: .3s;
 }
-#npc img{
-  width:100px;
-  transform:scaleX(-1);
+
+#npc img {
+  width: 100px;
+  transform: scaleX(-1);
 }
-#user img{
-  width:100px;
-  transform:scaleX(-1);
+
+#user img {
+  width: 100px;
+  transform: scaleX(-1);
 }
+
 </template>