JavaScript - Bringing it All Together: Building an app(CSS, classes)

Head First JavaScript Programming
( O'Reilly Media)
Eric T. Freeman (著), Elisabeth Robson (著)

開発環境

OS X Mavericks - Apple(OS)
Safari, Firefox + Firebug, Google Chrome(Webプラウザ、プラグイン)
BBEdit - Bare Bones Software, Inc. (GUI) , Emacs (CUI) (Text Editor)
JavaScript (プログラミング言語)

Head First JavaScript Programming (Eric T. Freeman (著)、 Elisabeth Robson (著)、 O'Reilly Media )のChapter 8(Bringing it All Together: Building an app)、PRACTICE DRILLS(p.327)を解いてみる。

PRACTICE DRILLS(p.327)

HTML5 (BBEdit, Emacs)

battleship327.html

<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="utf-8" />
 <title>Battleship</title>
 
// 省略…

</head>
<body>
<div id="board">
 <div id="messageArea">
 </div>
 <table>
  <tr>
   <td id="00" class="miss"></td>
   <td id="01"></td>
   <td id="02"></td>
   <td id="03"></td>
   <td id="04"></td>
   <td id="05"></td>
   <td id="06"></td>
  </tr>
  <tr>
   <td id="10"></td>
   <td id="11"></td>
   <td id="12" class="hit"></td>
   <td id="13"></td>
   <td id="14"></td>
   <td id="15"></td>
   <td id="16"></td>
  </tr>
  <tr>
   <td id="20"></td>
   <td id="21"></td>
   <td id="22"></td>
   <td id="23"></td>
   <td id="24"></td>
   <td id="25" class="miss"></td>
   <td id="26" class="hit"></td>
  </tr>
  <tr>
   <td id="30"></td>
   <td id="31"></td>
   <td id="32"></td>
   <td id="33"></td>
   <td id="34" class="hit"></td>
   <td id="35"></td>
   <td id="36"></td>
  </tr>
  <tr>
   <td id="40"></td>
   <td id="41"></td>
   <td id="42"></td>
   <td id="43"></td>
   <td id="44"></td>
   <td id="45"></td>
   <td id="46"></td>
  </tr>
  <tr>
   <td id="50"></td>
   <td id="51"></td>
   <td id="52"></td>
   <td id="53"></td>
   <td id="54"></td>
   <td id="55" class="miss"></td>
   <td id="56"></td>
  </tr>
  <tr>
   <td id="60"></td>
   <td id="61"></td>
   <td id="62"></td>
   <td id="63"></td>
   <td id="64"></td>
   <td id="65"></td>
   <td id="66"></td>
  </tr>
 </table>
 <form>
  <input type="text" id="guessInput" placeholder="A0">
  <input type="button" id="fireButton" value="Fire!">
 </form>
</div>
</body>
</html>

Kamimura's blog

2014年8月28日木曜日

JavaScript - Bringing it All Together: Building an app(CSS, classes)

0 コメント:

コメントを投稿