Create the following question? The result looks like the table shown below. Thank you!!

Create an Array of Job Listings

$1.$ Create an array of job listing objects with the following properties: title, type, location, and postedDate. You can create $10$ sample job listings objects.

Populate the Job Listings

$1.$ Write a JavaScript function to populate the job listings on the webpage when the page loads $($use the 'DOMContentLoaded' event$).$

$2.$ Append the job listings to an HTML container in your webpage.

Validate All Inputs

$1.$ Write a JavaScript function to validate all inputs of the subscription form, including checking whether the checkbox was checked or not.

o Ensure that the email input is in a valid email format.

o Ensure that the checkbox is checked.

o Display an alert if any of the validations fail.

o Prevent the form from submitting if any of the validations fail.

Clear Input Fields of the Subscription Form

$1.$ Write a JavaScript function to clear the input fields of the subscription form after a successful subscription or when the form is reset.

Handle Subscription

$1.$ Write a JavaScript function to handle the subscription.

$2.$ Simulate form submission by using template literals to display an alert message with the subscription details $($In actual implementation, you would send this data to the server$).$

Implement Job Search Filtering

$1.$ Write a JavaScript function that handles job search filtering as the user types into the input search bar in the header.

$2.$ Add an event listener to the search input field to trigger the filtering function on input changes. DO NOT ADD A BUTTON!!!.

Test Your Implementation

$1.$ Open the HTML file in a web browser.

$2.$ Verify that job listings are displayed on the initial load.

$3.$ Test form input validation for all fields, including the checkbox.

$4.$ Test the subscription functionality.

$5.$ HTML CODE:

$6.$

$7.$

$8.$

$9.$

$10.$

$11.$

$12.$ Careers Page

$13.$

$14.$

$15.$

$16.$