I have Html code and CSS code. In the html there is some javascript asking for user name and a question, but if a user clicks "cancel" without entering a name, the page displays "null" I was told to implement defensive coding measures to properly validate users' input. Would you please insert the code to hanlde this? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Make-UpWorld</title> <link rel="stylesheet" href="styles.css"> </head> <body> <section style="font-family:Century Gothic; color:darkorchid; text-align:center"> <script> let name = prompt("Insert your name"); let question = prompt("Have you bought makeup before? Insert yes or no"); if (question == "yes"|| question == "YES" || question == "Yes"){ document.write(name + " your experience with us will be better!"); } else{ document.write(name+ " we will make your first experience the best"); } </script> </section> <h1>Makeup World</h1> <h3>Get the makeup that works the best for you</h3> <section> <h2><table> <div><caption><h3>Select below to start your journey!</h3></caption></div> <tr> <th> Foundation </th> <th> Concealer </th> <th> Blush & Bonzer </th> <th> Mascara </th> <th> Lipstick </th> <th> Others </th> </tr> </table></h2> </section> <img src="/public_html/makeup1.jpg" alt="makeup"> </body> </html> body { background-color: rgb(213, 203, 236); } h1 { text-align: center; font-family: "Century Gothic"; color: purple; font-weight: 900; } h2 { text-align: center; font-family: "Century Gothic"; font-weight: normal; } h3 { text-align: center; font-family: "Century Gothic"; font-weight: 400; } h4{ text-align: center; font-family: "Century Gothic"; color: purple; font-weight: 500; } table, th, td { background-color: rgb(232, 198, 235); border: 2px solid rgb(150, 116, 197); margin-left: auto; margin-right: auto; text-align: center; font-family: "Century Gothic"; font-weight: bold; }

I have Html code and CSS code. In the html there is some javascript asking for user name and a question, but if a user clicks "cancel" without entering a name, the page displays "null" I was told to implement defensive coding measures to properly validate users' input. Would you please insert the code to hanlde this? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Make-UpWorld</title> <link rel="stylesheet" href="styles.css"> </head> <body> <section style="font-family:Century Gothic; color:darkorchid; text-align:center"> <script> let name = prompt("Insert your name"); let question = prompt("Have you bought makeup before? Insert yes or no"); if (question == "yes"|| question == "YES" || question == "Yes"){ document.write(name + " your experience with us will be better!"); } else{ document.write(name+ " we will make your first experience the best"); } </script> </section> <h1>Makeup World</h1> <h3>Get the makeup that works the best for you</h3> <section> <h2><table> <div><caption><h3>Select below to start your journey!</h3></caption></div> <tr> <th> Foundation </th> <th> Concealer </th> <th> Blush & Bonzer </th> <th> Mascara </th> <th> Lipstick </th> <th> Others </th> </tr> </table></h2> </section> <img src="/public_html/makeup1.jpg" alt="makeup"> </body> </html> body { background-color: rgb(213, 203, 236); } h1 { text-align: center; font-family: "Century Gothic"; color: purple; font-weight: 900; } h2 { text-align: center; font-family: "Century Gothic"; font-weight: normal; } h3 { text-align: center; font-family: "Century Gothic"; font-weight: 400; } h4{ text-align: center; font-family: "Century Gothic"; color: purple; font-weight: 500; } table, th, td { background-color: rgb(232, 198, 235); border: 2px solid rgb(150, 116, 197); margin-left: auto; margin-right: auto; text-align: center; font-family: "Century Gothic"; font-weight: bold; }

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

See similar textbooks

Related questions

Question

<!DOCTYPE html>

<html>

<head>

<title>Make-UpWorld</title>

</head>

<body>

let name = prompt("Insert your name");

let question = prompt("Have you bought makeup before? Insert yes or no");

if (question == "yes"|| question == "YES" || question == "Yes"){

document.write(name + " your experience with us will be better!");

} else{

document.write(name+ " we will make your first experience the best");

}

</script>

</section>

<h1>Makeup World</h1>

<h3>Get the makeup that works the best for you</h3>

<div><caption><h3>Select below to start your journey!</h3></caption></div>

<tr>

<th> Foundation </th>

<th> Concealer </th>

<th> Blush & Bonzer </th>

<th> Mascara </th>

<th> Lipstick </th>

<th> Others </th>

</tr>

</table></h2>

</section>

</body>

</html>

body {

background-color: rgb(213, 203, 236);

}

h1 {

text-align: center;

font-family: "Century Gothic";

color: purple;

font-weight: 900;

}

h2 {

text-align: center;

font-family: "Century Gothic";

font-weight: normal;

}

h3 {

text-align: center;

font-family: "Century Gothic";

font-weight: 400;

}

h4{

text-align: center;

font-family: "Century Gothic";

color: purple;

font-weight: 500;

}

table, th, td {

background-color: rgb(232, 198, 235);

border: 2px solid rgb(150, 116, 197);

margin-left: auto;

margin-right: auto;

text-align: center;

font-family: "Century Gothic";

font-weight: bold;

}

Expert Solution

Step by step

Solved in 2 steps with 2 images

SEE SOLUTION Check out a sample Q&A here

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.