a. Configure an alert message to pop up using Javascript when the page is displayed in the browser. Edit the body tag as follows: . The onload event handler in this case pops up an alert message. b. Add a script block to the head section as follows:
a. Configure an alert message to pop up using Javascript when the page is displayed in the browser. Edit the body tag as follows: . The onload event handler in this case pops up an alert message. b. Add a script block to the head section as follows:
Chapter12: Using Controls
Section: Chapter Questions
Problem 10E
Related questions
Question
6a. Configure an alert message to pop up using Javascript when the page is displayed in the browser. Edit the body tag as follows: <body onload="alert ('Today only-10% off on a weekend- coupon code ZenTen');"> . The onload event handler in this case pops up an alert message.
b. Add a script block to the head section as follows:
<script> function validateForm () { if (document.forms [0]. myEmail. value== "") {
(alert (Pleade enter an e-mail address."); return false // end if return true; } end function validateForm
</script>
Many thanks for your time! .
![TASK 3: ADD FORM DATA VALIDATION TO THE RESERVATIONS PAGE.
1. Launch a text editor and open the reservations.html file.
2.
You will configure form data validation for the Reservations page that requires an e-mail address to be
entered.
3. You have the option to complete this task with JavaScript OR to complete this task with jQuery. Choose
one or the other of the following options.
Option 1: Using JavaScript
4. Add a script block to the head section as follows:
<script> function validateForm () { if
(document.forms [0].myEmail.value
alert ("Please enter an e-mail address.");
return false; } // end if return true;
} // end function validateForm
==
</script>
) {
5. Edit the <form> tag as follows:
11
<form method="post" onsubmit="return validateForm (); '
action="http://webdevbasics.net/scripts/pacific.php">
Adapted from Felke-Morris, T. (2019). Web Development and Design Foundations with HTML5 (9th ed.). New York, NY: Pearson.](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2F44ba76de-af0d-4898-b61f-d85a848ebf83%2F1199607f-fcf6-41fc-9107-de110372e2d4%2Fa9f7pg_processed.png&w=3840&q=75)
Transcribed Image Text:TASK 3: ADD FORM DATA VALIDATION TO THE RESERVATIONS PAGE.
1. Launch a text editor and open the reservations.html file.
2.
You will configure form data validation for the Reservations page that requires an e-mail address to be
entered.
3. You have the option to complete this task with JavaScript OR to complete this task with jQuery. Choose
one or the other of the following options.
Option 1: Using JavaScript
4. Add a script block to the head section as follows:
<script> function validateForm () { if
(document.forms [0].myEmail.value
alert ("Please enter an e-mail address.");
return false; } // end if return true;
} // end function validateForm
==
</script>
) {
5. Edit the <form> tag as follows:
11
<form method="post" onsubmit="return validateForm (); '
action="http://webdevbasics.net/scripts/pacific.php">
Adapted from Felke-Morris, T. (2019). Web Development and Design Foundations with HTML5 (9th ed.). New York, NY: Pearson.
Transcribed Image Text:TASK 2: DISPLAY AN ALERT MESSAGE ON THE YURTS PAGE
1. Launch a text editor and open the yurts.html file.
2.
You will configure the yurts.html page so that an alert message will pop up when the page is displayed in the
browser.
3. You have the option to complete this task with JavaScript OR to complete this task with jQuery. Choose
one or the other of the following options.
Option 1: Using JavaScript
1. Edit the body tag as follows:
<body onload="alert ('Today only
ZenTen');">
10% off on a weekend
coupon code
2. The load event occurs when the web page begins to load in the browser. The onload event handler in this
case pops up an alert message.
3. Save the file and test it in the browser. Your display should be similar to Figure 1 below.
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by step
Solved in 7 steps with 4 images
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Recommended textbooks for you
Microsoft Visual C#
Computer Science
ISBN:
9781337102100
Author:
Joyce, Farrell.
Publisher:
Cengage Learning,
EBK JAVA PROGRAMMING
Computer Science
ISBN:
9781337671385
Author:
FARRELL
Publisher:
CENGAGE LEARNING - CONSIGNMENT
Microsoft Visual C#
Computer Science
ISBN:
9781337102100
Author:
Joyce, Farrell.
Publisher:
Cengage Learning,
EBK JAVA PROGRAMMING
Computer Science
ISBN:
9781337671385
Author:
FARRELL
Publisher:
CENGAGE LEARNING - CONSIGNMENT