Write A Cheating Number Guessing Game Cod Java

You had a chance to learn a bit about JavaScript in the last session, and the material is available at http://coderdojosv.github.io/Intro-Web-Series/

  1. Number Guessing Game Java Set 3 Turns
  2. Simple Guessing Game Java
  3. Write A Cheating Number Guessing Game Cod Java Download
  4. Write A Cheating Number Guessing Game Cod Java 10

We are going to use some of the concepts learned in that session, and add to your knowledge with even more tricks. Because Khan Academy is an excellent environment for learning JavaScript, and in particular, for learning the graphics programming we will do next week, we will use their environment. If you prefer another environment (like Thimble by Mozilla, CodePen.io or JSBin) then feel free to continue using that tonight.

In this lesson, we will make two games that run in a browser. First up is 'the number guessing game'. Then, we will use that code to form the start of 'Hangman'

  • Guess Number is a game in which user needs to guess the number between 1 and 52 (hardcoded) if you want you can make changes into the code Its a fun game check it out once The game is computer randomly selects the SECRET number with in the defined range of numbers, here 1 to 52, and prompts the user to guess the number.
  • Bonsai Game Library A small Java based Library/Engine for creating 2D Games featuring Applet support. Caffeine Caffeine is intended to be a simple 2D tile based game engine written in Java. Its focus is to take advantage of abstraction provided by Java will remaining light weight and flexible to different tile based games.

I'm done with this 'Guessing word game' but I have a very ugly method named startGuessing. I tried to make it cleaner and more readable but I couldn't. If you start re-writing the game to use an instance of HangmanGame and use fields it will become easier. Java simple game - guess the word. Python Hangman (guess the word) game. Guess the number Q. Write a java class NumGuesserGame in which a computer generates a random number from 1-10. User has to identify the number generated by computer. The computer will respond as 'Correct Guess' if guess is correct otherwise respond as 'not correct'.

The goal for this session is for you to learn a little more JavaScript by example, and to apply your knowledge to improve the starter code and/or the behavior of the games.

By now, you should be familiar with Web Development basics enough to understand this HTML code:

The most important thing to observe from this simple HTML is that a call is made out to JavaScript when the player makes their guess. In this case, the 'guessOne()' function will be called.

Challenges (optional):

  1. Change the button to use a html <button> tag.
  2. If instead, you want a warmup before diving into JavaScript tonight, then just use CSS to change the appearance (atyle) of the h1 element (maybe to a different font or color)

Caution! In prior lessons, you may have seen the use of javascript's alert and prompt. As you learn more, you will find that alerts and prompts are good to avoid. Some development environments actively disallow them. Khan Anademy is one that disallows alerts in JavaScript. Other development environments may run your JavaScript on every key press, and the alert or prompt dialog box can be very annoying.

So, from this point on, we will send any output to a web page element we prepared for our use. In this example, we are going to write everything we need to tell the player into the area with the 'message' id.

Before diving into the technical details, there's one more thing. In Khan Academy's site, there is no easy way to have your html call your own javascript that is in a separate file. (This differs from Thimble and JsBin.) So, while using Khan Academy, we will go back to the approach of putting the JavaScript code right into the html page.

Code Snippet 1 -- Declarations

Let's take a look at the first few lines in our JavaScript for The Number Guessing Game

The most important thing to observe is that we declared that we have a function called javascript guessOne(), which is the code that gets called when the guess button is clicked. We'll talk about that code in a minute. First, let's talk about variables.

Remember that code is written to tell the computer what to do AND to tell programmers how you are doing it. Using good variable names helps make your code understandable. Placing the variables in the right place helps, too.
These variables need to be kept alive between runs of the code, so they are not in the guessOne() function. This means they are global variables. You should use as few global variables as possible, and professional developers have ways of not using global variables at all.

What are the variables we declared?

  1. I declared a variable called guessCount. I'm using a style called CamelCase for ordinary variable names.
  2. I declared MAX_GUESSES. I used ALL_UPPERCASE because I want to hint that this is has a constant value, meaning it never changes. (Also, programmers use _ to separate words because you cannot use - in variable names.)
  3. I declared randomNumber and used a little bit of math in JavaScript to calculate a random number.

Activity:

  1. Change the range for guesses, say from 1 to 1000. ON THE WEB PAGE, TELL THE PLAYER WHAT THE RANGE IS!!!!!!
  2. Ask someone at your table to try the game with your new range.

Challenges

  1. Use javascript addEventListener to make the call to guessOne() happen. If you try tonight's Super Challenge, you will need to do this. Do a web search for 'javascript button addeventlistener onclick'. Don't forget to remove the 'onClick' call from the html.
  2. Change the maximum number of guesses. What is the lowest number that allows a player making perfect guesses to win for every possible number? Hint: if the range was 1 to 32, the answer is 5. If the range is 1 to 1024, the number is 10.
  3. Use constants to set the range and to give better messages to the player. (For example, 'Your guess is lower than the correct number, but is in range.' or 'Your guess is higher than the maximum number the answer might be')

Code Snippet 2 -- The guessOne() function, part 1

Here is the first half of the guessOne() function

Notice that JavaScript pulls the player's guess out of the 'guess' field and puts it into the variable named 'guess'. This variable is declared inside the guessOne function and will disappear when the guessOne function completes.

Next, notice the 'control logic'. There is an if, an else-if, and a final else (which you can think of as the word 'otherwise' if that helps.)

Number Guessing Game Java Set 3 Turns

Challenges:

  1. Change the variable name to playerGuess. Otherwise, the variable 'guess' and the HTML element 'guess' might be confused by someone reading the code.
  2. This code isn't rugged. The Player can type in anything. If the player typed in 'zombie', the code would show 'the number is lower than zombie' !! Use Javascript's parseInt function with parenthesis around javascript document.getElementById('guess').value to turn it into a number. (We were lucky javascript's comparison worked when comparing a string to a number.)
  3. Use another else if to test if the number is > randomNumber and use the final else to say 'I didn't recognize that'. I didn't write this yet, but you may need to check if guess NaN rather than using the catch-all else.

Activity:

A QA engineer ('Quality Assurance') tests other people's code. Here's a funny tweet Be the QA enginner for someone at your table who tries to make the code more rugged.

Code Snippet 3 -- The guessOne() function, part 2

Here's the rest of the guessOne() function

You know what the first section is doing. It's checking if the player used up the guesses. But it is not stopping the game! Hmm, maybe you should fix that!

The last line is there to be nice to the player. It clears out their guess. Otherwise, they have to backspace out their old answer. Be kind to your users!

Challenge:

  1. Fix the game to stop allowing guesses after the player exceeds the MAX_GUESSES. Write the code that would end the game. Tip: you could hide the input field and the guess button. Do you know which css property affects visibility?
  2. Improve the game so that the player can start a new game. Suggestion: create a new function called 'startGame' and have startGame set all the global variables. After you tell the player that they won or lost, either show a 'new game' button (easier) or chane the guess button and temporarily change the button handler. Another game suggestion: keep running counts of wins and losses.

Take a moment and have someone else at your table play the game that you wrote. If they find any bugs, then take a moment to fix them.

Super Challenge

Instead of having a 'guess' button, you could create a listener on the guess html text input box. That listener should be assigned to keyboard events and look as each key is pressed. If it's a number, it's good. If it's enter, it should call guessOne. Otherwise, it should reject what the player typed. Congratulations, Your game is now zombie-proof!!

The code so far creates a decent structure fo the game 'Hangman'. Let's revisit the HTML and put in a few more elements. /girl-cheating-at-baseball-game.html.

The most important thing to observe is a new element called 'answer'. We will use this to show the player's guess as time goes on.

Challenges:

  1. The 'obviously missing' feature in the game you see is the hangman himself. Prepare for that by adding an HTML element where you will load an image representing the number missed. Maybe you will want html<img>
  2. Similarly, it is missing an area where you can show the letters that were already guessed.

Code Snippet 1 -- Declarations

Let's take a look at the first few lines in our JavaScript

The number game calculated a random number, This game fetches a random word from the WORDS array. (ALL_UPPERCASE indicates this never changes for the life of the game.)

Activity

  1. Change the WORDs array to have a few different words. Ask someone at your table to try the game with your words

Challenges: new features you can add to the game

  1. The huge 'obviously missing' item is the hang man himself. Prepare for that by adding an HTML element where you will load an image representing the number missed.
  2. Keep an array of letters guessed by the player, so they don't keep guessing the wrong letter again.

Code Snippet 2 -- Game initialization

The initialization of the game is moved to a function called init. Don't forget to call it!

Simple Guessing Game Java

Code Snippet 3 -- The game loop

So, this is a lot like the number guessing game, except the player is guessing letters. So, we are comparing strings rather than numbers.

The two other big changes here are that we are manipulating the 'correct answer' array as the player gets letters correct, and that we are temporarily storing a message to display to the player after we've processed everything that could happen.

Here's that code

There are a few noteworthy tricks here.

  1. JavaScript behaves like all other computer languages when testing numbers, but it is a little strange when testing string values. (JavaScript frequently deals with Objects, and String is a type of Object. All Object comparisons are funny, but the stranceness is most visible with Strings) Fortunately, it introduced object compare operators that act like you would expect, and they use one more = character. So, use when testing strings (or anything other than numbers) for equality. (Any object should be compared using or ! unless you really know what you are doing. And the JavaScript guru Douglas Crockford says if you know what you are doing, you will always use and !. )
  2. This code uses quite a stunt for showing the answer string. The call answerArray.join(' '); will take all the members (the letters) of the answerArray and blast them into a string. If we supply join() with the space character as the parameter, it will put spaces between each letter for us. Magically, we can get what we need with little effort.

Code Snippet 4 -- Loose Ends

The game also has a quit button. This is the code (which is also visible on the project page

Hangman Finishing thoughts

Challenges:

  1. Many of the challenges from the number game are valid for this game, including
    • restarting the game
    • dealing with user errors, like asking for the same letter twice
    • using a listener instead of a guess button
    • dealing with edge case bugs, like if the word has a space character
  2. Enhancing the game with a hangman graphics
  3. Ending the game if the player is out of guesses (the hangman was hung!)

The challenges sections listed some of the things you can do to the code to make it better or more like the real games.

A variant to the number game is to turn it into a game like MasterMind. In addition to higher and lower, state how many digits are in the right place. (For example, if the number to guess is '555' and the player guesses 500, say 'higher, with one number in the right place')

You could go further and turn it into MasterMind. Use letters (maybe 'just vowels') and look ath the players guess and say how many are present and how many are in the right place.

It's almost inconcieveable that a JavaScript lesson doesn't talk about jQuery, but we're focusing more on the JavaScript language than all features available to web developers. jQuery makes working with HTML elements much easier. You could take this code, include jQuery,

Write A Cheating Number Guessing Game Cod Java Download

and change the getElementById calls to use the jQuery selector

You could turn this code into a text adventure game like thisand running here. (This code uses jQuery.) I think I hear a dragon to the east!

Hi all,

Write A Cheating Number Guessing Game Cod Java 10

I had posted my code and updated it a few times in another thread and didn't get any response and since I have gotten some things figured out and had posted my long code a few times in the other thread, I thought I would put my last couple questions in a new thread. So anyway, this program generates a random number and the user tries to guess it. After the very first guess, the background should turn red with a message saying that you're getting warmer and any other time you're getting warmer or colder (blue background for colder). Well, it usually turns red after the first guess but sometimes it turns blue after the first guess and I can't figure out how to make sure it turns red after the first guess every time.

The other thing I want to change is, after the user enters a guess, I want the the JTextField to clear itself so that for the next guess, the user doesn't have to backspace to enter a new guess. I feel like I have tried everything but I know I must be missing something. Can anyone give me some advice here on how to fix these two things? Here's my code:

  • 2 Contributors
  • forum5 Replies
  • 962 Views
  • 1 Day Discussion Span
  • commentLatest PostLatest Postby BobbieJean

Recommended Answers

The changes you need to make are in the 'theGame()' method. They are only two and are marked with the red in the code below.

The first problem you mention (the first guess being colder) was created by the GuessOld variable not being reinitialized every time the game got …

Jump to Post

Hello BobbieJean,

The problem of the background color can be solved with many ways. I chose to add an 'if' statement, highlighted with bold, black letters in the code below.
(Note: There is an explanation at the end of the thread that I believe holds true for that problem …

Jump to Post

All 5 Replies

The changes you need to make are in the 'theGame()' method. They are only two and are marked with the red in the code below.

The first problem you mention (the first guess being colder) was created by the GuessOld variable not being reinitialized every time the game got started again.

The second problem/request (clearing the text field after every guess) is a matter of repeating the clearing occuring every time a new game is created (the first line of the 'theGame' method) every time a new guess has been made.

Hope your game rocks!:)