Ask Computer Engineering Expert

Project: RPS

Purpose: This project involves creation of a web page that plays the Rock, Paper, Scissors game with the user.

Basic Features: Your web version of the game needs to have the following required features:

A proper title.

Buttons or a "select" list for the user to choose rock, paper, or scissors.

A "shoot" button.

Display of each of the following:

  • What the user picked.
  • What the computer picked.
  • Who won
  • Total score for the user.
  • Total score for the computer.

The computer should choose randomly from the 3 choices of rock, paper, or scissors randomly and not cheat by using the user's selection to make the winning choice! Recall that we used the Math.random () function to get random numbers. You can use that to select a random choice for this game.

Planning Your Solution:

Build up your solution in steps:

- First, sketch out the collection of input and output text boxes you need, the buttons you need, etc. Then implement them in HTML. At this point, don't worry about any event handlers. Also, don't make the page super-fancy and colorful. That can come later.

- Then for each event handler you need (one each for the 4 buttons or list elements), write a function that does nothing more than show an alert saying which button was clicked.

- Next, think about what sort of information you need in order to run the game. There are several variables you will need to keep track of what is going on:

  • User's pick
  • Computer's pick
  • Winner
  • Total wins for Computer (initially 0)
  • Total wins for User (initially 0)

Use var declarations inside the script tag to define these.

Now it is time to think about your strategy for keeping track of the user's selection of rock, paper, or scissors, and to make the computer's selection. You have created a variable to hold the user's choice. Each of the three selection buttons (rock, paper, and scissors) sets that variable. You'll have to decide what values to use for this variable. You might use numbers (for example, rock is 0, paper 1, and scissors 2), or strings (perhaps 'rock', 'paper, and 'scissors', or maybe just 'R', 'P', and 'S'). Modify the functions you wrote for each of the buttons for rock, paper, and scissors to set this variable.

The function that implements the event handler for the 'shoot' button has more work to do. First you need to make a random choice for the computer of rock, paper, or scissors. Do this by choosing a random number 0, 1, or 2 (recall the example in class that did something like this). If you used numbers to represent rock, paper, and scissors, you are done, otherwise you need a series of if statements to assign the appropriate string. In any case, you store the computer choice in a variable.

Temporarily, put an alert here showing the user's choice and the computer's choice. That will let you see that you have the values in your variables that you think are there. Now, continuing with the 'shoot' event handler, you need to compare the computer's choice with the user's choice. Create a variable to identify the result (computer wins, user wins, and tie). You'll need a series of if statements to do this.

With the winner determined, update the total wins for the computer or the user (or neither, in the case of a tie). Temporarily, put an alert here to show the values of these variables.

Finally, display your output to the user by updating the values in the boxes for winner, computer score, and user score. (If you want also to show the number of ties, go ahead!) When everything works, remove the alerts that were put in temporarily.

A Word about Coding Style:

Good style not only helps us read your code. It helps you figure out what you had in mind when you come back to your code after being away from it. Use variable names that suggest their purpose. Words do better in this regard than abbreviations (for example winComputer versus wc). The same concept applies to function names and to the IDs for elements of your HTML web page. Use good indentation so that it is easy to see what code in part of a loop, function, etc. The same indentation ideas apply to your HTML code.

Avoid repeated code. If you are writing basically the same code a second time with only minor changes, writing a single function that can be called from both places may be a better approach.

Added Features:

These features don't add functionality but make the page look better. Add them once the basic features Work:

  • Neat placement of items on the page (alignment, centering, etc.).
  • Use of color.
  • A reset button to set the scores back to zero.
  • Graphical images of rock, paper, and scissors

Extra Items beyond the Requirements:

Feel free to add more features beyond the "basic" and "added" ones.

Computer Engineering, Engineering

  • Category:- Computer Engineering
  • Reference No.:- M92182303

Have any Question?


Related Questions in Computer Engineering

Does bmw have a guided missile corporate culture and

Does BMW have a guided missile corporate culture, and incubator corporate culture, a family corporate culture, or an Eiffel tower corporate culture?

Rebecca borrows 10000 at 18 compounded annually she pays

Rebecca borrows $10,000 at 18% compounded annually. She pays off the loan over a 5-year period with annual payments, starting at year 1. Each successive payment is $700 greater than the previous payment. (a) How much was ...

Jeff decides to start saving some money from this upcoming

Jeff decides to start saving some money from this upcoming month onwards. He decides to save only $500 at first, but each month he will increase the amount invested by $100. He will do it for 60 months (including the fir ...

Suppose you make 30 annual investments in a fund that pays

Suppose you make 30 annual investments in a fund that pays 6% compounded annually. If your first deposit is $7,500 and each successive deposit is 6% greater than the preceding deposit, how much will be in the fund immedi ...

Question -under what circumstances is it ethical if ever to

Question :- Under what circumstances is it ethical, if ever, to use consumer information in marketing research? Explain why you consider it ethical or unethical.

What are the differences between four types of economics

What are the differences between four types of economics evaluations and their differences with other two (budget impact analysis (BIA) and cost of illness (COI) studies)?

What type of economic system does norway have explain some

What type of economic system does Norway have? Explain some of the benefits of this system to the country and some of the drawbacks,

Among the who imf and wto which of these governmental

Among the WHO, IMF, and WTO, which of these governmental institutions do you feel has most profoundly shaped healthcare outcomes in low-income countries and why? Please support your reasons with examples and research/doc ...

A real estate developer will build two different types of

A real estate developer will build two different types of apartments in a residential area: one- bedroom apartments and two-bedroom apartments. In addition, the developer will build either a swimming pool or a tennis cou ...

Question what some of the reasons that evolutionary models

Question : What some of the reasons that evolutionary models are considered by many to be the best approach to software development. The response must be typed, single spaced, must be in times new roman font (size 12) an ...

  • 4,153,160 Questions Asked
  • 13,132 Experts
  • 2,558,936 Questions Answered

Ask Experts for help!!

Looking for Assignment Help?

Start excelling in your Courses, Get help with Assignment

Write us your full requirement for evaluation and you will receive response within 20 minutes turnaround time.

Ask Now Help with Problems, Get a Best Answer

Why might a bank avoid the use of interest rate swaps even

Why might a bank avoid the use of interest rate swaps, even when the institution is exposed to significant interest rate

Describe the difference between zero coupon bonds and

Describe the difference between zero coupon bonds and coupon bonds. Under what conditions will a coupon bond sell at a p

Compute the present value of an annuity of 880 per year

Compute the present value of an annuity of $ 880 per year for 16 years, given a discount rate of 6 percent per annum. As

Compute the present value of an 1150 payment made in ten

Compute the present value of an $1,150 payment made in ten years when the discount rate is 12 percent. (Do not round int

Compute the present value of an annuity of 699 per year

Compute the present value of an annuity of $ 699 per year for 19 years, given a discount rate of 6 percent per annum. As