In a HTML5 document, code the followings: • Using an onload event, trigger a pop-up window showing the message «This was triggered by an event!» when the document has been loaded. • Create a button and, using an onclick event, trigger a pop-up window showing the message « Wow! This works! ». • Insert an image and then use an onmouseover event to trigger a pop-up window showing the message «This is a rollover ». 2.)Create a program that will display a message adapted to the user input data based on its age range: Age range Comment example 1 to 17 You're not major yet. 18 to 49 You are major, but not senior yet.2 50 to 64 You are senior, but not retired yet. Program's flow: • User loads the pages • User is asked to supply its age • The proper comment is displayed

Please create the following screen attached using Java GUI (JavaFX): In your code you can add any background of your choosing, but the message and the Cave 1, 2, 3, 4, 5 buttons should look the same. The font is in Arial w/ Choose the Cave being size 36, bolded and white and Cave 1, 2, 3,4,5 are buttons of size 27,bolded and white.  Also "Choose a Cave" should appear with a typewriter effect , w/ the same background image. Cave 1, 2, 3, 4, 5, are buttons.

On the index page, add a link that says "Subscribe To Our Marketing List". Clicking the link should take the user to another page that contains a signup form. The form should contain a subscribe button and the following text fields: Email Address, Re-enter Email Address, First Name. Using java create a script called subscribe.js, In the subscribe.js script, it should add an event for the subscribe button that listens for the onclick event. When the onclick event occurs, it should validate that the email text matches the re-enter email text and that the first name textbox is not empty. If the validation fails for either, display the appropriate error message beside the textbox. For example, This entry must equal the first entry, This field is required. If validation is successful, display an alert that says thanks for joining our list and remember to include your script on the page.

Create an HTML document that has text boxes for apple (52 cents each), orange (46 cents each), and banana (34 cents each), along with a Submit button. These text boxes take a number, which is the purchased number of a particular fruit. Each of the text boxes should have its own onclick event handler. These handlers must add the cost of their fruit to a total cost. An event handler for the Submit button must produce an alert window with the message: Your total cost is $xyz, where xyz is the total cost of the chosen fruit, including 6 percent sales tax.

When the text is larger, one of the options in navigation bar keeps dropping. How to make it stop without changing any of text sizes:    header.html <nav> <ul> <li><ahref="index.html"class="active">Home</a></li> <li><ahref="morningroutine.html">Morning routine</a></li> <li><ahref="nightroutine.html">Night routine</a></li> <li><ahref="form.html">Contact us</a></li> </ul> </nav> header.css nav ul { list-style-type: none; background-color: #b5dffd; overflow: hidden; } nav li { display: inline; margin-right: 90px; } nav a { font-weight: bold; float: left; color: black; text-align: center; padding: 2%2.3%; text-decoration: none; } nav a:hover { background-color: hsl(139, 85%, 13%); color: white; } nav a.active { background-color: hsl(139, 85%, 13%); color: white; }

Create a web page that contains three buttons and two images. To meet the requirements follow the instructions given below by writing JavaScript and jquery: • When user clicks the "Hide Images" button, both images should be vanished (jquery). • When user clicks the "Show Images" button, both images should be appeared again (jquery). • When user clicks the swap button, the height of both images should be swapped (JavaScript). Hide Images Show Images Swap Height| Hide Images Show Images Swap Height

When your main page loads, prompt the user for their name and store it in a variable.  Then create an alert that welcomes the user to the page using the name they entered.  (HINT: the instructions indicate the event handler to use!) On each of your pages, use javascript to display automatically the day/time the page was last updated. (HINT: This is a property of the document!) On at least two of your images on your image page, add a script that displays an alert when the user clicks one of the images.  The alert should give a short description or additional information about the image. Add a countdown to something relevant to the company (holiday, event, specials/sales, etc.)  and display the output in your HTML.  This should update automatically subtracting the date of the event and the current date. The output will look something like "There are ### days until the sale!" where ### is automatically filled in with the number of days calculated using the javascript. This should not be a…

Instructions:  Locate an animated .gif file on the Web. Create a project named Animated with a Form that contains a PictureBox. Display three different messages on a Label—one when the user’s mouse is over the PictureBox, one when the mouse is not over the PictureBox, and one when the user clicks the PictureBox. I wrote the codes. While running the code and the user clicked the image, the message change, But when the user put the mouse on the image or removed the mouse from the image, the message in the label did not change. Am I missing something? Here is my code. Thanks.   using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Threading.Tasks;using System.Windows.Forms; namespace Animated{public partial class Form1 : Form{public Form1(){InitializeComponent();}   private void imagePictureBox_Click(object sender, EventArgs e){messageLabel.Text = "out standing";}private void…