Question: 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

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!