>Hello

Question

Create a web page that allows a user to try out different text and background color combinations. Javascript is used to implement the functionality.

To the right you see two screen shots of the working application. The user clicks the buttons at the bottom to change either the foreground color or the background color.

THEN,

Resources contains a web page for the application and a stylesheet. Objective job is to complete the web page::

Webpage::

StyleSheet::

html {
background-color: #888;
}

div.holder {
margin-left: auto;
margin-right: auto;
width: 50%;
background-color: #888;
border-style: solid;
padding: 10px;
font-size: x-large;
}

.colorA {
color: #4581cf;

}

.colorB {
color: #B7E2FF;
}

.colorC {
color: #fff8b2;
}

.colorD {
color: #b25c1f;
}

.colorE {
color: #572a0a;
}

.backgroundA {
background-color: #4581cf;

}

.backgroundB {
background-color: #B7E2FF;
}

.backgroundC {
background-color: #fff8b2;
}

.backgroundD {
background-color: #b25c1f;
}

.backgroundE {
background-color: #572a0a;
}

button {
font-size: xx-large;
}

QUESTION:::

Use the classes in the stylesheet to set color and background

For example, class selector colorA will set the text color to color ‘A’

Change the color of the text by changing the class of the div with id foreground

Change the background color by changing the class of the div with id background.

Put the buttons in the table started near the bottom of the page

END HTML file.

Explanation / Answer

Related Questions

Navigate

• Browse (All)
• Browse #
• Subjects

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.