SHARE
TWEET

Untitled

a guest Oct 19th, 2019 86 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html style="background-color: antiquewhite;">
  3.  
  4. <head>
  5.     <title>Class one Demo</title>
  6.     <style>
  7.         p {
  8.             color: rgb(35, 35, 61);
  9.             background-color: aqua;
  10.         }
  11.        
  12.         h1 {
  13.             color: lightpink;
  14.         }
  15.     </style>
  16. </head>
  17.  
  18. <body>
  19.     <header>
  20.  
  21.     </header>
  22.     <main>
  23.  
  24.         <h1>Class 1 Lab</h1>
  25.         <p>What's your name?</p>
  26.         <p>How old are you?</p>
  27.         <p>How are you doing today?</p>
  28.         <p>What's your favorite dessert?</p>
  29.  
  30.     </main>
  31.     <footer>
  32.  
  33.     </footer>
  34.     <script>
  35.         var userName = prompt('What\'s your name ?');
  36.         console.log('userName: ', userName);
  37.         var age = prompt('How old are you?');
  38.         console.log('age: ', age);
  39.         var mood = prompt('How are you doing today?');
  40.         console.log('mood: ', mood);
  41.         var favDessert = prompt('What\'s your favorite dessert?');
  42.         console.log('favDessert: ', favDessert);
  43.         alert("Hello " + userName + "!" + " Are you " + age + "," + " your day is going " + mood + "." + " Looks like you really love " + favDessert + ".");
  44.     </script>
  45.  
  46. </body>
  47.  
  48. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top