Guest User

Untitled

a guest
Oct 19th, 2019
91
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