Please follow the directions on the attached file

Please follow the directions on the attached file


Bentley University Spring 2023 CS 213 The World Wide Web Assignment 6 –JavaScript dom and events The last assignment uses the DOM, events, and other topics covered in JavaScript. All the exercises should be on one page so separate them and title them appropriately. Style the page accordingly, as this does require formatting to create a more professional-looking application and is an important part of this assignment. #1 adding to an array Create an HTML file and use getElementByID() to display an array and its length before the button is pressed. A sample is shown below before the button is pressed: Use an input box to ask the user for a number. After the button is pressed, the following should be displayed: The new array is displayed as well as its new length. #2 your grades 1. Use the attached HTML file to start. In your style sheet, make sure that the words “Report Card” are centered on the page and the words “Your Name Here” are in italics. 2. The page should look something the following: 3. When the Change Things button is clicked, the following should change: · The words “Bentley University” should change to all upper-case letters · The words “Your Name Here” should change to your name—or any name · The words “We have serious concerns about your son/daughter's performance.” Should change to “Your child’s performance is stellar.” · The phrase “barely passing.” should change to “is doing exceptionally well!” and be in a color of your choice. · All the grades should change to an “A”. 4. It would look the following after the Change Things button is clicked: #3 finding consonants and vowels Using an input box, ask the user for a string and a number which is an index of the string. Write a function that can determine whether the character is a consonant or a vowel (use ‘a’, ‘e’, ’i’, ’o’, ’u’). It would look like the following before the button is pressed: Once the user enters a string, the result would look like the following: If the character is a number, the result would look like the following: Class Participation and assignment requirements 1. Update your home page to create a link from your home page to this Assignment page with all the above JavaScript programs 2. On your In-Class Exercise page, add links to the following Participation Exercises: · Exercises 2, 3, 4, and 5 in the Participation: The DOM in the Document Object Model folder · Exercises 1, 2, and 3 in the Participation: Events in the JavaScript Events folder · Make sure that your Participations page has the links to ALL Participation Exercises regardless of whether they were displayed as part of a page of a previous assignment. 3. Upload the following to your VM: · Assignment #6 page · Your updated index.html page with a link to Assignment #6 · Your updated In-Class Participation page · All the required Exercises. 4. Make sure you submit your FQDN in Blackboard, so it shows up on my end as “Needs Grading.” Rubric Task Point Value HTML uses events and getElementByID for displaying the results 25 The program performs the operations as specified 25 A style sheet is used for the page 10 A link to this page has been created on the home page 5 Functions are used. 10 The required-Class Exercises have been added to your In-Class Exercises page and are uploaded to your VM 15 HTML code is well-formatted (indented, commented). JavaScript code is commented. 10 Total 100