Credits: javascriptkit.com Dah pada tw kan game hangman....? Percaya ato ga.... Kita bisa bikin game hangman pke javascript.... Keren kan? Caranya... Ikuti tutorial ini... 1st Script (Taruh di bagian C) [spoiler]<">[/spoiler] Atau download di http://h1.ripway.com/tommywinarta/Experiment/hangman.js lalu, jadikan kode HTML dibawah sebagai addBox: [quote]<FORM NAME="f"> <TABLE BGCOLOR=#C0C0C0 BORDER=1> <TR> <TD COLSPAN=4 ALIGN=RIGHT> Score : <INPUT TYPE=TEXT NAME="score" VALUE="0" onfocus="score.blur();" SIZE=2> <BR> Fails (6): <INPUT TYPE=TEXT NAME="lives" VALUE="0" onfocus="lives.blur();" SIZE=2> </TD> <TD COLSPAN=7 ALIGN=CENTER> <INPUT TYPE=TEXT NAME="word" VALUE=" --- Hangman ---" onfocus="word.blur();" SIZE=25> <BR> <INPUT TYPE=TEXT NAME="tried" VALUE="Click GO to get a word." onfocus="tried.blur();" SIZE=25> </TD> <TD COLSPAN=2 ALIGN=CENTER> <INPUT TYPE=BUTTON onclick="new_word(this.form);" VALUE=" GO "> </TD> </TR> <TR> <TD><INPUT TYPE=BUTTON VALUE=" A " onclick="seek('A');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" B " onclick="seek('B');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" C " onclick="seek('C');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" D " onclick="seek('D');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" E " onclick="seek('E');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" F " onclick="seek('F');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" G " onclick="seek('G');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" H " onclick="seek('H');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" I " onclick="seek('I');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" J " onclick="seek('J');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" K " onclick="seek('K');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" L " onclick="seek('L');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" M " onclick="seek('M');"></TD> </TR> <TR> <TD><INPUT TYPE=BUTTON VALUE=" N " onclick="seek('N');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" O " onclick="seek('O');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" P " onclick="seek('P');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" Q " onclick="seek('Q');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" R " onclick="seek('R');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" S " onclick="seek('S');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" T " onclick="seek('T');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" U " onclick="seek('U');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" V " onclick="seek('V');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" W " onclick="seek('W');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" X " onclick="seek('X');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" Y " onclick="seek('Y');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" Z " onclick="seek('Z');"></TD> </TR> </TABLE> </FORM>[/quote] taruh di onload handler (sebagai addBox) Setelah dijadikan addBox: [quote]var code="<FORM NAME=\"f\"><TABLE BGCOLOR=#C0C0C0 BORDER=1>"+ "<TR>"+ "<TD COLSPAN=4 ALIGN=RIGHT>"+ "Score : <INPUT TYPE=TEXT NAME=\"score\" VALUE=\"0\" onfocus=\"score.blur();\" SIZE=2>"+ "<BR>"+ "Fails (6): <INPUT TYPE=TEXT NAME=\"lives\" VALUE=\"0\" onfocus=\"lives.blur();\" SIZE=2>"+ "</TD>"+ "<TD COLSPAN=7 ALIGN=CENTER>"+ "<INPUT TYPE=TEXT NAME=\"word\" VALUE=\" --- Hangman ---\" onfocus=\"word.blur();\" SIZE=25>"+ "<BR>"+ "<INPUT TYPE=TEXT NAME=\"tried\" VALUE=\"Click GO to get a word.\" onfocus=\"tried.blur();\" SIZE=25>"+ "</TD>"+ "<TD COLSPAN=2 ALIGN=CENTER>"+ "<INPUT TYPE=BUTTON onclick=\"new_word(this.form);\" VALUE=\" GO \">"+ "</TD>"+ "</TR>"+ "<TR>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" A \" onclick=\"seek('A');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" B \" onclick=\"seek('B');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" C \" onclick=\"seek('C');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" D \" onclick=\"seek('D');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" E \" onclick=\"seek('E');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" F \" onclick=\"seek('F');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" G \" onclick=\"seek('G');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" H \" onclick=\"seek('H');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" I \" onclick=\"seek('I');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" J \" onclick=\"seek('J');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" K \" onclick=\"seek('K');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" L \" onclick=\"seek('L');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" M \" onclick=\"seek('M');\"></TD>"+ "</TR>"+ "<TR>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" N \" onclick=\"seek('N');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" O \" onclick=\"seek('O');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" P \" onclick=\"seek('P');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" Q \" onclick=\"seek('Q');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" R \" onclick=\"seek('R');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" S \" onclick=\"seek('S');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" T \" onclick=\"seek('T');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" U \" onclick=\"seek('U');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" V \" onclick=\"seek('V');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" W \" onclick=\"seek('W');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" X \" onclick=\"seek('X');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" Y \" onclick=\"seek('Y');\"></TD>"+ "<TD><INPUT TYPE=BUTTON VALUE=\" Z \" onclick=\"seek('Z');\"></TD>"+ "</TR>"+ "</TABLE></FORM>"; addBox("LEFT","<a href=\"#\" onClick=\"show_hide('content_div931'); return false\"><div title=\"header=[Tooltips Header] body=[Tooltips Body]\">Box Title</div></a>",code,"div931",null); show_hide("content_div931");[/quote] Preview: http://h1.ripway.com/tommywinarta/Experiment/preview.html

Last edited by ymm0t (2008-07-04 03:13:19)