Two questions  . HTML5 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:    Many thanks for your time! .

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

Two questions 

. HTML5

a. 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 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.
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.
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 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.
Expert Solution
steps

Step by step

Solved in 4 steps with 5 images

Blurred answer
Knowledge Booster
Creating web page
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.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education