1. The user shall be able to select a color by clicking on the colored fields at the bottom. 2. If the users clicks on a field in the upper grey square, the color of the clicked field should be changed to the previously selected o 3. If the field was already colored with the selected color, its color should be changed back to grey. 4. If a color was selected, insert a text entry "Color changed" colored in the selected color to the DIv element with the ID "Log". 5. After 10 clicks on the upper fields an alert with the text "You have clicked 10 times on the field!" should be displayed. Color changed Color changed Color changed

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question
The following HTML page is given: example2.html. Integrate the described functionality using JavaScript:
1. The user shall be able to select a color by clicking on the colored fields at the bottom.
2. If the users clicks on a field in the upper grey square, the color of the clicked field should be changed to the previously selected color.
3. If the field was already colored with the selected color, its color should be changed back to grey.
4. If a color was selected, insert a text entry "Color changed" colored in the selected color to the DIV element with the ID "Log".
5. After 10 clicks on the upper fields an alert with the text "You have clicked 10 times on the field!" should be displayed.
Color changed
Color changed
Color changed
Choose a color:
Transcribed Image Text:The following HTML page is given: example2.html. Integrate the described functionality using JavaScript: 1. The user shall be able to select a color by clicking on the colored fields at the bottom. 2. If the users clicks on a field in the upper grey square, the color of the clicked field should be changed to the previously selected color. 3. If the field was already colored with the selected color, its color should be changed back to grey. 4. If a color was selected, insert a text entry "Color changed" colored in the selected color to the DIV element with the ID "Log". 5. After 10 clicks on the upper fields an alert with the text "You have clicked 10 times on the field!" should be displayed. Color changed Color changed Color changed Choose a color:
Expert Solution
steps

Step by step

Solved in 3 steps with 1 images

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY