selectors & event handlers in jquery

Please Help with Java Script eventListeners 1. Add an event listener to the button with an id of "button1". Listen for the click event. The button should change the text content of the paragraph with an id of "p1" to:"Hello World! I'm listening to events." This did NOT work://const button1 = document.querySelector("button1");//const p1 = document.querySelector("p1");//const click = () => {// alert("Hello World! I'm Listening to events.");//} //button1.addEventListener("click", p1, false); This did NOT workconst button1 = document.querySelector("button1");const p1 = button1.querySelector("p1");button1.addEventListener("click", function (event) {event.p1.target.textContent = "Hello World! I'm Listing to events.";}); 2) Add an event listener to the button with an idof "button2". Listen for the click event. Thebutton should change the text content of theparagraph with an id of "p2" to:"This button toggles text content."If the button is clicked a 2nd time,the text content should change…

Using DrawingPanel.java (from chapter 3G), draw a grid for filling in a 4 x 4 square of cell containing integers. For this part of the assignment the values are not important, but you are welcome to use the values shown in the magic square from below. Note that the values in any horizontal row, vertical column or main diagonals add up to 34, in addition to various sub-squares in the larger square also add up to the same value. Requirements: The magic square should be centered in the panel The values in each of the cells should be centered in that cell (both horizontally and vertically). You can assume the values will be <= 99 (i.e., at most 2 digits). For this part of the assignment, you can hard-code the values; you will store them in a 2-dimensional array (from chapter 7) when implementing Part B of the assignment. The title "CSC 142 Magic Square" is centered horizontally in the panel and at y = 50 You are free to choose the colors, fonts, font sizes and effects. This is what I used…

burses.projectstem.org/courses/64525/assignments/9460863?module_item_id=18079077 Maps HH 50 Follow these steps to create your Warhol Grid: 1. Find or create an image (for this activity, a smaller starting image will produce higher quality results in a shorter amount of time). 2. Using the Python documentation as a guide, create a program that loads the image, filters three copies of it, and saves the result. Note: You will need to create the three filters using the filter() method. • Include multiple filters on at least two of your variants. One of your variants must apply a single filter multiple times with the use of a loop. For example, the top right image above uses a loop to blur the image 2 times (what if we did it 100 times?). U ▪ One of your images must apply at least two different filters to the same image. In the example image, the bottom right image includes a filter to smooth the image and then edge enhance them. L • Create the Warhol Grid using Python with the three images…