I need help with this assignment:

CGS $2820$:

JavaScript Programming Assignment $4$: Roll Dice.

Watch my jQuery videos, especially the ones on manipulating the DOM $5,6,$ and $7.$ STUDY the accompanying files. Refer to uCertify, the Murach text, or w$3$schools.com to find more on the syntax and semantics of the various statements in the videos and files. Part $1-$ File to download: Download the zip file, rollDice.zip, and extract it into your cgs$2820$ folder. Once you extract the contents of the zip file, you should see a folder named rollDice. RENAME the rollDice folder as rollDiceYourInitials. Part $2-$ Program description: File: rollDicejQuery.html The document links to a JavaScript$/$jQuery file called rollDicejQuery.js described below. Study this HTML file and open it in your browser to see how it looks originally. DO NOT CHANGE THE CONTENTS OF THIS HTML FILE! File: rollDicejQuery.js $($located in the js folder$)$

$$

Add jQuery statements to the file so that every time the user clicks the Roll Dice button in the browser, random images of dice show up inside the square box regions in the HTML page. Things to note: $1.$ You should look at my dealCardsjQuery$2.$js file for ideas on how to do this exercise. $2.$ The images are in the diceImages subfolder of the rollDice folder. $3.$ The names of the images start at face$1.$png $($NOT jpg$)$ and end at face$6.$png in numerical order. $4.$ You will need to keep track of two arrays, one for die $1$ and one for die $2.5.$ You will need to create separate image elements for each array. Assigning one image to both arrays will not work. $6.$ You can use the randInt function from my dealCardsjQuery$2.$js file to help you generate random integers from $0$ up to $6($not including $6).$

$7.$ Keep your code modular by placing frequently replicated statements in functions and calling the functions multiple times.

this is a screenshot of html code $```$

k$!$DOCTYPE html$>$

Roll Dice