Answered step by step
Verified Expert Solution
Question
1 Approved Answer
use basic jQuery functions to access and modify web page elements No PHP in this lab so you can make a lab15.html file on local
use basic jQuery functions to access and modify web page elements No PHP in this lab so you can make a lab15.html file on local computer. Write an html file such as lab15.html, that displays a button with some text like 'The Button'. Create a paragraph that will be used to show a number from a javascript counter variable. Use jQuery to detect each time the button is clicked, it calls a function that you write that increments the counter and use jQuery to display the new value in this paragraph. Add jQuery code so that if the button is double-clicked, the counter gets reset to zero and the display is changed to 0. Add jQuery code to display the mouse X,Y when the mouse is somewhere over the first button. The X,Y should be displayed in a second paragraph. Add a checkbox and jQuery code so that when the checkbox is checked, it hides the mouse X,Y display paragraph using a slow hide, and when unchecked, shows the button using a slow show. Hint: you might need to google 'jquery checkbox clicked' to figure out how to capture the event. Add jQuery code so when the mouse goes over the button, change all text (including the button text) to red and when the mouse leaves, change all text (including the button text) back to black. Ref: http://jquery.com google searches
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started