Web Programming ICP3 - Saiaishwaryapuppala/CSEE5590-CS490-Web-MobileProgramming GitHub Wiki

ICP3

Class ID:20

Objective:

The main objective of this ICP is to understand the basics of JavaScript, learn about responsive Web design, Bootstrap, especially the Grid layout.

Rock Paper Scissors Game

This task is to design a basic Rock Paper Scissors game. It is designed to be played by a human and computer. Basically the user selects their choice and then computer chooses its choice resulting the winner. This is how the game is designed

A HTML page is created with the three images where the user has to choose an option. The output results as follows.

Now the user has to select any one of the above option and this how a CSS file is designed for the HTML view.

Now the algorithm is as follows:

When the user chooses his option, then the computer generates a random number within the range of 0 to 1 and the option which is chosen by the user has certain probability and so by looking the probability score the winner alert pops up. The output is as follows.

RWD Design:

The task in this phase is to design a mockup page. The link to the sample mockup page: Sample mockup

Todo this task, we are using a Responsive Web design which is discussed in the class. Initially, the images are resized and placed in the respective folders.

Step 1&2: Added the respective links for Responsive Web design and Changed the Name and designation in the necessary fields.

Step 3&4: Added the images and links and Made changes to featured work

The Style.css is as follows:

Output:

Video Link:https://drive.google.com/file/d/1eaq6OGu4VobtXURDqccfMBU9TAiXlhmb/view?usp=sharing