01219245/javascript1/tutorial4 - ประวัติรุ่นแก้ไข

Jittat: /* Assets */

2014-01-29T06:42:39Z

Assets

2014-01-29T06:41:43Z

Manipulation

2014-01-29T06:40:28Z

Manipulation

2014-01-29T06:37:30Z

Choosing the word randomly

2014-01-29T06:36:22Z

Adding a new alphabet to the hint

2014-01-29T06:34:49Z

Exercise: Hangman without the hanging man

2014-01-29T06:33:55Z

Exercise: Hangman without the hanging man

2014-01-29T06:18:38Z

Assets

2014-01-29T06:15:49Z

Creating images

2014-01-29T06:13:28Z

Assets

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 06:42, 29 มกราคม 2557
แถว 309:		แถว 309:
	$("#hangman1").show(); // show this image		$("#hangman1").show(); // show this image
	</syntaxhighlight>		</syntaxhighlight>
		+
		+	=== Exercise: complete the game ===
		+
		+	You have all the ingredients to complete the Hangman game. Let's do it.
		+
		+	{{gitcomment\|You are done. Don't forget to commit your work.}}

@@ แถว 303: / แถว 303: @@
   <img id="hangman1" src="images/hangman1.png">
-  The following is an example:
+jQuery provide <tt>hide</tt> and <tt>show</tt> method that you can apply to the jQuery objects to show and hide them.  The following is an example:
 <syntaxhighlight lang="javascript">

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 06:40, 29 มกราคม 2557
แถว 299:		แถว 299:

	=== Manipulation ===		=== Manipulation ===
		+	We can use jQuery to manipulate the visibilities of these images. To do so, we have to add the <tt>id</tt>'s to the images, like:
		+
		+	<img id="hangman1" src="images/hangman1.png">
		+
		+	The following is an example:
		+
		+	<syntaxhighlight lang="javascript">
		+	$("#hangman1").hide(); // hide this image
		+	$("#hangman1").show(); // show this image
		+	</syntaxhighlight>

@@ แถว 275: / แถว 275: @@
 === Choosing the word randomly ===
-Let's pick a few
+Let's pick a few words so that our game does not get too boring.  Put the words in the array and randomly choose one word from the array using <tt>Math.random</tt> function.
 == Assets ==

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 06:36, 29 มกราคม 2557
แถว 257:		แถว 257:

	Try to test the whole class thoroughly. Try with a few word-to-guess's.		Try to test the whole class thoroughly. Try with a few word-to-guess's.
		+
		+	'''Hints:''' There are many ways to implement <tt>add</tt> and <tt>getHint</tt> but these two methods should work together. It might be useful if you know JavaScript's [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array?redirectlocale=en-US&redirectslug=JavaScript%2FReference%2FGlobal_Objects%2FArray array].

	{{gitcomment\|Commit your work.}}		{{gitcomment\|Commit your work.}}

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 06:34, 29 มกราคม 2557
แถว 270:		แถว 270:

	{{gitcomment\|Don't forget to commit your work after you get one unit of work done.}}		{{gitcomment\|Don't forget to commit your work after you get one unit of work done.}}
		+
		+	=== Choosing the word randomly ===
		+
		+	Let's pick a few

	== Assets ==		== Assets ==

@@ แถว 261: / แถว 261: @@
 == Exercise: Hangman without the hanging man ==
-Use the <tt>HangmanWord</tt> class to implement the game.  At this point, let's make a game with only text, and only keep the number of wrong guesses.
+Use the <tt>HangmanWord</tt> class to implement the game.
 [[Image:Jshangmantext.png]]

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 06:18, 29 มกราคม 2557
แถว 274:		แถว 274:
	=== Creating images ===		=== Creating images ===
	We will need 6 (or 7) images for the hangman (depending on the number of mistakes you allow). Use any paint/image processing programs to create these images. Save them as '''<tt>hangman1.png</tt>''', '''<tt>hangman2.png</tt>''', and so on.		We will need 6 (or 7) images for the hangman (depending on the number of mistakes you allow). Use any paint/image processing programs to create these images. Save them as '''<tt>hangman1.png</tt>''', '''<tt>hangman2.png</tt>''', and so on.
		+
		+	We should be a bit organized with our assets, so let's put these image files in <tt>images</tt> sub-directory of our project.
		+
		+	=== Show all images ===
		+	The following HTML code shows images 1 - 3.
		+
		+	<syntaxhighlight lang="html5">
		+	<img src="images/hangman1.png">
		+	<img src="images/hangman2.png">
		+	<img src="images/hangman3.png">
		+	</syntaxhighlight>
		+
		+	'''Exercise:''' Show all of your images.
		+
		+	{{gitcomment\|Commit your work. Don't forget to add image files.}}
		+
		+	=== Manipulation ===

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 06:15, 29 มกราคม 2557
แถว 273:		แถว 273:

	=== Creating images ===		=== Creating images ===
−		+	We will need 6 (or 7) images for the hangman (depending on the number of mistakes you allow). Use any paint/image processing programs to create these images. Save them as '''<tt>hangman1.png</tt>''', '''<tt>hangman2.png</tt>''', and so on.
−	We will need 6 or 7 images for the hangman (depending on the number of mistakes you allow).

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 06:13, 29 มกราคม 2557
แถว 270:		แถว 270:

	== Assets ==		== Assets ==
−	Let's try to add the figures to our game.	+	Let's try to add the figures to our game. To do that, we will create a few images, which are usually referred to as assets.
		+
		+	=== Creating images ===
		+
		+	We will need 6 or 7 images for the hangman (depending on the number of mistakes you allow).