Question: This is Java script. please help me with this assignemnt. show me the code for all plz. 1. Description In this assignment, you are to

This is Java script. please help me with this assignemnt.

show me the code for all plz.

This is Java script. please help me with this assignemnt.show me thecode for all plz. 1. Description In this assignment, you are tocomplete the development of a jQuery JavaScript file (STUDENT_NUMBER_jquery-selectors-events.js) and an index

1. Description In this assignment, you are to complete the development of a jQuery JavaScript file (STUDENT_NUMBER_jquery-selectors-events.js) and an index file (assign4_index.html). A starter / template file of each has been provided in the available starter compressed file. The objective of the JavaScript file, is to provide jQuery selector definitions to select each of the necessary elements on the index page to eventually assign an event handler to. The file also provides the definition of the event handlers that get invoked, depending what actual event was fired. PLEASE NOTE: An implementation solution, for the click event, bound to the forms checkbox on the index page has been already been provided. Use this sample as a means to provides added direction in completing this assignment. 2. Objective Write decision-making statements and control structures to solve problems . Apply programming logic to solve basic to intermediate problems Testing and debugging . jQuery: introduction, selectors, events, event handlersThe information below further describes the assignment requirements. Project Structure The provided starter compressed file is depicted below. You will note, a images folder has been provided, the image within, prove a necessary component to the proper functioning of your solution. starter | -- assign4_index. html images/ js -- STUDENT_NUMBER-jquery-selectors-events. js Solution Organization The following table helps to strategize on how to proceed with solving this assignment. The Markup column clarifies what you may consider selecting from the html markup, what event your solution should be anticipating, and finally what event handler should be invoked as a consequence. Source selector markup Event Event Handler Status Opt-in checkbox click doOn Click(e) Complete the body of the html can be ready doOnLoad(e) Not Complete used when the dom is loaded The "Lorem ipsum..." hyperlink click doOn Click(e) Not Complete block paragraph (sample text mouseover doOnMouseOver(e) Not Complete inn index clearly indicates mouseout doOnMouseOut(e) mouseover and mouseout intent) form submit doOnSubmit(e) Not Complete input textfield focus doOnFocus(e) Not Complete blur doOnBlur(e) combox change doOn Change(e) Not CompleteSubmission Procedure 1. In order to complete this assignment, you will need to create the following TWO files. I. -jquery-selectors-selectors.js The JavaScript file (starter provided), as documented in the assignment instructions above, is where your jQuery selector and event handler logic will be implemented. A starter file has been provided to you, with a solution for selecting the checkbox from the index page. Use this file to add your remaining selector and event handler code. The -jquery- selector-events.js is a compulsory component of your submission. II. assign4_index.html The index file (template provided) visually displays the html components (form, paragraphs images etc..) that your jQuery solution will respond to when the associated event is fired. You must refactor the index page provided to properly reference your -jquery-selector.js and _events.js. The index page should also be updated with your student name and student number. . . .
2. You must upload all three of your files, to your GBlearn account on or before the due date

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 Programming Questions!