Membuat Game "Hang Man" dengan Javascript

Kembali lagi bersama saya di blog saya Farixsantips hehehe. Dari kemarin kemarin saya bisa ngepost dilalah (karena pas pasan) saya banyak Tugas Rumah yang jelas jelas menumpuk hehe :D. Kok jadi Curhat begisini sih!???

Langsung saja ke perkara kita yang satu ini. Soba tau apa itu Game Hang Man? Game ini sangat terkenal dari permainannya yang tidak visual kemudian menjadi Visual. Yang Visual apa contohnya? Banyak! Saya bisa temui di Hangman.no, Playhangmangames.com dan masih banyak lagi. Itulah contoh game Hang Man, pasti tau kan? Kalo diteliti itu website apa kesamaannya dalam Game Hang Man ini? Sama sama memainkan dengan bantuan Flash Player atau kata lain dengan Flash Object kan? Udah biasa hehehe.

Berikut ini yang saya akan berikan contohnya adalah dengan menggunakan Javascript. Yuk main Hang Man di bawah sini!

Score : Fails (6):

Nah, Gimana? Bagus bukan? Yuk sekarang kita masuk ke tahap cara pembikinannya! Simak caranya di bawah ini ya?

• Buka Blogger.com → Saat di dashboard, klik Design → Add a Gadget → Javascript/HTML.

• Karna Script Hang Man ini memiliki Lebar yang tidak sempit, jangan di letakan di tepian blog ya, takutnya tidak muat hehe, letakan saja di Footer atau di Bawah Header.

• Pada Script Jawa yang kosong, letakan kode berikut ke dalamnya.

<script type="text/javascript" src="https://sites.google.com/site/farixsantips/scripts/JSHangman.js"></script>
<center>
<form name="f"><table style="width: 531px; height: 83px;" bgcolor="#fff" border="0"> <tbody><tr> <td colspan="4" align="RIGHT">Score : <input onfocus="score.blur();" name="score" value="0" size="2" type="TEXT">

Fails (6): <input onfocus="lives.blur();" name="lives" value="0" size="2" type="TEXT"></td><td colspan="7" align="CENTER">
<input onfocus="word.blur();" name="word" value="--- Hangman ---" size="35" type="TEXT">

<input onfocus="tried.blur();" name="tried" value="Click GO To Get a Word." size="35" type="TEXT">

</td> <td colspan="2" align="CENTER">
<input onclick="new_word(this.form);" value=" GO " type="BUTTON">
</td> </tr> <tr> <td><input onclick="seek('A');" value=" A " type="BUTTON"></td> <td><input onclick="seek('B');" value=" B " type="BUTTON"></td> <td><input onclick="seek('C');" value=" C " type="BUTTON"></td> <td><input onclick="seek('D');" value=" D " type="BUTTON"></td> <td><input onclick="seek('E');" value=" E " type="BUTTON"></td> <td><input onclick="seek('F');" value=" F " type="BUTTON"></td> <td><input onclick="seek('G');" value=" G " type="BUTTON"></td> <td><input onclick="seek('H');" value=" H " type="BUTTON"></td> <td><input onclick="seek('I');" value=" I " type="BUTTON"></td> <td><input onclick="seek('J');" value=" J " type="BUTTON"></td> <td><input onclick="seek('K');" value=" K " type="BUTTON"></td> <td><input onclick="seek('L');" value=" L " type="BUTTON"></td> <td><input onclick="seek('M');" value=" M " type="BUTTON"></td> </tr> <tr> <td><input onclick="seek('N');" value=" N " type="BUTTON"></td> <td><input onclick="seek('O');" value=" O " type="BUTTON"></td> <td><input onclick="seek('P');" value=" P " type="BUTTON"></td> <td><input onclick="seek('Q');" value=" Q " type="BUTTON"></td> <td><input onclick="seek('R');" value=" R " type="BUTTON"></td> <td><input onclick="seek('S');" value=" S " type="BUTTON"></td> <td><input onclick="seek('T');" value=" T " type="BUTTON"></td> <td><input onclick="seek('U');" value=" U " type="BUTTON"></td> <td><input onclick="seek('V');" value=" V " type="BUTTON"></td> <td><input onclick="seek('W');" value=" W " type="BUTTON"></td> <td><input onclick="seek('X');" value=" X " type="BUTTON"></td> <td><input onclick="seek('Y');" value=" Y " type="BUTTON"></td> <td><input onclick="seek('Z');" value=" Z " type="BUTTON"></td> </tr></tbody></table></form>
</center>
<p>Get more Trick from <a href="http://farixsantips.blogspot.com">Farixsantips</a></p>

• Setelah itu Save!
Ayo raih scor sebanyak mungkin, kalahkan temen kalian (halah) :D selamat beraktivitas All!