Question: Question 3 JavaScript Chapter 2 (20 points) Estimated time: 2 hours Save question 3 files in subfolder lastname_firstname_assignment3q3 . Create a web page that allows

Question 3 JavaScript Chapter 2 (20 points) Estimated time: 2 hours

  • Save question 3 files in subfolder lastname_firstname_assignment3\q3\.
  • Create a web page that allows a user to create a dance studio name as shown.
  • The use should be prompted to enter his or her first name, last name, and the studios name.
  • The program should create a dance studio name that consists of the users initials concatenated with the school name, plus Studio, as shown.
  • The page will then be updated as shown.
  • Create your page using s Dance Studio Name as the page title. Save the page as index.htm. Remember to document the html file with html comments.
  • Create a css file named style.css to format index.htm by creating your own layout (no two students should have the same layout). Use css comments to document the css program.

Question 3 JavaScript Chapter 2 (20 points) Estimated time: 2 hours Savequestion 3 files in subfolder lastname_firstname_assignment3\q3\. Create a web page that allows

Need to understand how to due the last part, how to i make the name become one ??

---HTML---

Benjamin Bolyard's hobby page

Benjamin Bolyard's Favorite Country and City

This page will promy Benjamin Bolyard for information and creat the name for his dance studio.

Click on the button below to enter names: e.g.

First name = James

Last name = Smith

School name = Pretty

Username would be:

©2019 Benjamin Bolyard

---CSS---

body { /*Colors for the page body*/ background-color: #AAADAD; max-width: 800px; margin: auto; margin-bottom: 100px; border-style: solid; border-color: black; border: 10px solid; box-shadow: 5px 10px 10px 10px black; }

section button { margin-left:40px; display: block; border: 2px solid;} p{ /*Colors for sup header of the page*/

color: black; margin-left: 40px; font-family: sans-serif; }

h1::first-letter { font-size: 200%; color: Black; }

img{ float: left; }

footer{ padding: 10px; border-top: 5px solid black; text-align: center; background-image: linear-gradient(45deg, #007474, white ,#009999); }

header{ padding: 10px; border-bottom: 5px solid black; background-image: linear-gradient(45deg, #009999, white ,#007474); }

html{ background-color: #003131;}

Richard Ricardo's Dance Studio Name This page will prompt Richard Ricardo for information and create the name for his dance studio. Click on the button below to enter names: e.g. . First name James Last name Smith School name Pretty Username would be: JSPretty Studio Enter Names Example: Input Richard Ricardo's Dance Studio Name Richard Ricardo's Dance Studio Tis page nil peompt ichad R s pa nill piomp Click on the butt lick on the names: e.g School name-Pretty School name Username would be: SPretty Studio Richard Ricardo's Dance Studio Name This page will promt chard Rr and create the for dnc Click on the e: e.9 Richard Ricardo's Dance Studio Name This page will prompt Richard Rcardo for information and create the name for his dance studio. Click on the button below to enter names e.g. First name- James Last name Smith School name Pretty Username would be: RGForce Studio Enter Nomes

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!