Open the HTML and JavaScript files provided as start up files (index.html and navigation.js).  Then, run the application and notice that when you click on a link in the sidebar, the page is scrolled so the information for the speaker associated with that link is displayed. In other words, this application works even if JavaScript is disabled. In the JavaScript file, add an event handler for the ready event method. Then, within the function for that event handler, add jQuery code that hides the heading and article for all but the first speaker. Add an event handler for the click event of the elements in the sidebar. Then, within the function for that event handler, add jQuery code that hides all the speaker information, gets the value of the href attribute of the link that was clicked, and then uses that value to display the heading and article for the speaker associated with that lin

Write a javascript program with explanations  Use Bootstrap to style the table. The trip data needs to begin as an array literal of object literals, where each trip is an object with 3 properties. The button must have an id property, and using getElementById('id') you must assign the function that displays the table to the button using an anonymous function in your JavaScript code. Rather than use document.write(), you should concatenate the table elements as shown in the examples in the notes for JavaScript objects. If you are ambitious, though, you can get a 10% bonuse if you successfully use createElement() and appendChild(), as discussed in the DOM lecture notes offered later in the course. It is not necessary to use createElement(); concatenation is fine. Before being inserted into a table cell, the mpg must be calculated and not be part of the data objects. round the calculation to 1 decimal place

Choose: ANY keyboard event ANY mouse event and either Scroll, Resize, Focus, Blur, Select, or Change Make sure it's clear in the HTML what the user (aka ME) should be doing to trigger your events.Make 3 HTML/JavaScript files (use embeded aka <script> tags to make it easier) one for the old HTML method, the DOM Event Handler method, and the Event Listener method. They should look all the same just have the events coded differently.Subject matter can be whatever you want, the assignment is not dependent on content as it is functionality. Just make it PG, obviously! You can have fun with it. Silly is fine.

Event Listeners Go to the co_cart.js file in your editor. Directly below the initial comment section, add an event listener for the window load event that does the following when the page is loaded: Runs the calcCart() function. Add an event handler to the modelQty field in the cart form that runs the calcCart() function when the field value is changed. A for loop that loops through every option in the group of shipping option buttons, adding an event handler to run the calcCart() function when each option button is clicked. JavaScript Functions Create the calcCart() function to calculate the cost of the customer’s order using field values in the cart form. Within the calcCart() function do the following: Create a variable named orderCost that is equal to the cost of the espresso machine stored in the modelCost field multiplied by the quantity of machines ordered as stored in the modelQty field. Display the value of the orderCost variable in the orderCost field, formatted as U.S.…

I'm trying to learn CSS and it isn't easy. Can someone help me with this problem? Modify or add one CSS rule for each requirement below to change the text color property as specified. By color name: change the text color for byname class elements from black to blue. By RGB values: change the text color for byrgb class elements from black (rgb(0, 0, 0)) to green by modifying the second number to be 255. By HSL values: change the text color for byhsl class elements from black (hsl(0, 0%, 0%)) to cyan by modifying the first number to be 200, the second number to 100%, and the third number to 50%. Code: <p class="byname">The text is blue</p> <p class="byrgb">The text is green</p> <p class="byhsl">The text is cyan</p>

Please rewrite this animation code below so that it performs the same functions in a java file instead of the files .css,.js, and .html in visual studios. You would need to import javaFX and include your images for creature.png,forestbackground.png,human.png, and human2.png. Also attach a screenshot of the running animation in java.  script.js const dialogue = [     { character: 'Narrator', text: "In the dead of night, beneath a moon veiled by misty clouds, a lone figure trudged along a desolate forest path." },     { character: 'Narrator', text: "Unknown to her, she was not alone." },     { character: 'Human', text: "Who's there? Show yourself!" },     { character: 'Creature', text: "You venture into realms unknown, mortal. What brings you to these woods?" },     { character: 'Human', text: "I seek passage to the village beyond. I mean no harm." },     { character: 'Creature', text: "Harm is but a shadow in these woods, mortal." },     { character: 'Human', text: "What do you mean?…