For this assignment, you will write a color display application in HTML and JavaScript. Submit your work as a single,

INSTRUCTIONS TO CANDIDATES

ANSWER ALL QUESTIONS

Assignment

For this assignment, you will write a color display application in HTML and JavaScript. Submit your work as a single, zipped HTML file. In Windows, you can zip files by selecting them, right-clicking, and choosing "send to -> compressed (zipped) folder".

Your HTML document should contain the following elements/features:

1. HTML tags:

a. Three  tags labeled Red, Green, and Blue

b. A tag labeled "Color"

C.

A  tag labeled "Fill"

d. A tag labeled "Outline"

e. A tag labeled "Clear"

f.

2. Script:

A  tag, 400 pixels square, initially filled with the color black (RGB #000000)

a. When the user clicks the Color button (1b), the script will read the values from the input fields, combine their colors as an RGB value, and assign that color to the context attribute of the 

b. When the user clicks the Fill button (1c), the script will fill the entire  with the context's current color

C.

When the user clicks the Outline button (1d), the script will draw a 10px wide border in the outer edge of the  with the context's current color

d. When the user clicks the Clear button (1e), the script will fill the entire  with the RGB color #000000

3. Error checking: Any values of Red, Green, or Blue should be within the range 0 to 255. Values outside that range (or not numbers) will be treated as zero.

Evaluation

Your assignment will be graded according to whether all the required elements are present and in the correct formats and all required functionalities are operable.

 

 

Attachments:

Related Questions

. Introgramming & Unix Fall 2018, CRN 44882, Oakland University Homework Assignment 6 - Using Arrays and Functions in C

DescriptionIn this final assignment, the students will demonstrate their ability to apply two ma

. The standard path finding involves finding the (shortest) path from an origin to a destination, typically on a map. This is an

Path finding involves finding a path from A to B. Typically we want the path to have certain properties,such as being the shortest or to avoid going t

. Develop a program to emulate a purchase transaction at a retail store. This program will have two classes, a LineItem class and a Transaction class. The LineItem class will represent an individual

Develop a program to emulate a purchase transaction at a retail store. Thisprogram will have two classes, a LineItem class and a Transaction class. Th

. SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of Sea Ports. Here are the classes and their instance variables we wish to define:

1 Project 1 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of

. Project 2 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of Sea Ports. Here are the classes and their instance variables we wish to define:

1 Project 2 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of