SlideShare a Scribd company logo
1 of 4
Download to read offline
Use provided HTML file.
Create *JavaScript file* to validate user input and process user input.
Show the conformation window for Valid Submission.
Title is required field.
Description is required field.
City is required field.
Rate this photo => positive numeric value 1 – 10
User must provide date and time.
User must accept the software license.
User must select “Creative Commons Type
Use JavaScript to display User information.
//HTML
Chapter 6Photo Details
Title
Description
Continent
Choose continentAfricaAsiaEuropeNorth AmericaSouth America
Country
Choose countryCanadaMexicoUnited States
City
CalgaryMontrealTorontoVancouver
Copyright?
All rights reserved
Creative Commons
Creative Commons Types
Attribution
Noncommercial
No Derivative Works
Share Alike
I accept the software license
Rate this photo:
Color Collection:
Date Taken:
Time Taken:
//CSS
/* general text formatting */
h1, h2, h3, nav, footer {
font-family: Georgia, Cambria, "Times New Roman", serif;
}
body {
font-family: "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 85%;
}
table {
border: collapse;
border-spacing: 0;
width; 90%;
margin: 0 auto;
}
table tbody td{
/* border: 1pt solid #95BEF0; */
line-height: 1.5em;
vertical-align: top;
padding: 0.5em 0.75em;
}
legend {
background-color: #EBF4FB ;
margin: 0 auto;
width: 90%;
padding: 0.25em;
text-align: center;
font-weight: bold;
font-size: 100%;
}
fieldset {
margin: 1em auto;
background-color: #FAFCFF;
width: 60%;
}
form p {
margin-top: 0.5em;
}
.box {
border: 1pt solid #95BEF0;
padding: 0.5em;
margin-bottom: 0.4em;
}
.rectangle {
background-color: #EBF4FB;
padding: 0.5em;
}
.centered {
text-align: center;
}
.rounded, .rounded:hover {
border: 1px solid #172d6e;
border-bottom: 1px solid #0e1d45;
border-radius: 5px;
text-align: center;
color: white;
background-color: #8c9cbf;
padding: 0.5em 0 0.5em 0;
margin: 0.3em;
width: 7em;
-webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 4px 0 #b3b3b3;
box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 4px 0 #b3b3b3;
}
.rounded:hover {
background-color: #7f8dad;
}
Solution
script.js
/**************format.css**************************************/

More Related Content

Similar to Use provided HTML file.Create JavaScript file to validate user i.pdf

Using ASP.NET create a page to play Rock Paper and Scissors agains.pdf
Using ASP.NET create a page to play Rock Paper and Scissors agains.pdfUsing ASP.NET create a page to play Rock Paper and Scissors agains.pdf
Using ASP.NET create a page to play Rock Paper and Scissors agains.pdf
amanbag
 
Taking Advantage of Client Side / JavsScript Templates in Rich Internet Appli...
Taking Advantage of Client Side / JavsScript Templates in Rich Internet Appli...Taking Advantage of Client Side / JavsScript Templates in Rich Internet Appli...
Taking Advantage of Client Side / JavsScript Templates in Rich Internet Appli...
Mahbubur Rahman
 
Html5ppt
Html5pptHtml5ppt
Html5ppt
recroup
 

Similar to Use provided HTML file.Create JavaScript file to validate user i.pdf (8)

Html5 ux london
Html5 ux londonHtml5 ux london
Html5 ux london
 
Using ASP.NET create a page to play Rock Paper and Scissors agains.pdf
Using ASP.NET create a page to play Rock Paper and Scissors agains.pdfUsing ASP.NET create a page to play Rock Paper and Scissors agains.pdf
Using ASP.NET create a page to play Rock Paper and Scissors agains.pdf
 
Taking Advantage of Client Side / JavsScript Templates in Rich Internet Appli...
Taking Advantage of Client Side / JavsScript Templates in Rich Internet Appli...Taking Advantage of Client Side / JavsScript Templates in Rich Internet Appli...
Taking Advantage of Client Side / JavsScript Templates in Rich Internet Appli...
 
Dot net test
Dot net testDot net test
Dot net test
 
Html canvas
Html canvasHtml canvas
Html canvas
 
Orbitz and Spring Webflow Case Study
Orbitz and Spring Webflow Case StudyOrbitz and Spring Webflow Case Study
Orbitz and Spring Webflow Case Study
 
025444215.pptx
025444215.pptx025444215.pptx
025444215.pptx
 
Html5ppt
Html5pptHtml5ppt
Html5ppt
 

More from herminaherman

Wild-type (WT) mice are irradiated, destroying all of their bone marr.pdf
Wild-type (WT) mice are irradiated, destroying all of their bone marr.pdfWild-type (WT) mice are irradiated, destroying all of their bone marr.pdf
Wild-type (WT) mice are irradiated, destroying all of their bone marr.pdf
herminaherman
 
What data indicate that all three germ layers are specified in the b.pdf
What data indicate that all three germ layers are specified in the b.pdfWhat data indicate that all three germ layers are specified in the b.pdf
What data indicate that all three germ layers are specified in the b.pdf
herminaherman
 
Private and Public Health are working together through many program .pdf
Private and Public Health are working together through many program .pdfPrivate and Public Health are working together through many program .pdf
Private and Public Health are working together through many program .pdf
herminaherman
 
IN JAVA Write a program to create a binary data file named RandomInt.pdf
IN JAVA Write a program to create a binary data file named RandomInt.pdfIN JAVA Write a program to create a binary data file named RandomInt.pdf
IN JAVA Write a program to create a binary data file named RandomInt.pdf
herminaherman
 
I wanna add the shape creator like rectangular , square , circle etc.pdf
I wanna add the shape creator like rectangular , square , circle etc.pdfI wanna add the shape creator like rectangular , square , circle etc.pdf
I wanna add the shape creator like rectangular , square , circle etc.pdf
herminaherman
 
I keep on get a redefinition error and an undefined error.Customer.pdf
I keep on get a redefinition error and an undefined error.Customer.pdfI keep on get a redefinition error and an undefined error.Customer.pdf
I keep on get a redefinition error and an undefined error.Customer.pdf
herminaherman
 

More from herminaherman (20)

Write an equation for the height of the point P above the ground as .pdf
Write an equation for the height of the point P above the ground as .pdfWrite an equation for the height of the point P above the ground as .pdf
Write an equation for the height of the point P above the ground as .pdf
 
Wild-type (WT) mice are irradiated, destroying all of their bone marr.pdf
Wild-type (WT) mice are irradiated, destroying all of their bone marr.pdfWild-type (WT) mice are irradiated, destroying all of their bone marr.pdf
Wild-type (WT) mice are irradiated, destroying all of their bone marr.pdf
 
Which of the following is considered to be a distributed denial of s.pdf
Which of the following is considered to be a distributed denial of s.pdfWhich of the following is considered to be a distributed denial of s.pdf
Which of the following is considered to be a distributed denial of s.pdf
 
Which of the folllowing statements about the solubility of 1- propan.pdf
Which of the folllowing statements about the solubility of 1- propan.pdfWhich of the folllowing statements about the solubility of 1- propan.pdf
Which of the folllowing statements about the solubility of 1- propan.pdf
 
What type of mutation that impacts splicing is a significant contrib.pdf
What type of mutation that impacts splicing is a significant contrib.pdfWhat type of mutation that impacts splicing is a significant contrib.pdf
What type of mutation that impacts splicing is a significant contrib.pdf
 
What data indicate that all three germ layers are specified in the b.pdf
What data indicate that all three germ layers are specified in the b.pdfWhat data indicate that all three germ layers are specified in the b.pdf
What data indicate that all three germ layers are specified in the b.pdf
 
Unlike RNA, DNA containsA. adenine.B. uracil.C. phosphate grou.pdf
Unlike RNA, DNA containsA. adenine.B. uracil.C. phosphate grou.pdfUnlike RNA, DNA containsA. adenine.B. uracil.C. phosphate grou.pdf
Unlike RNA, DNA containsA. adenine.B. uracil.C. phosphate grou.pdf
 
Two four-sided dice are rolled. One die has the letters A through D..pdf
Two four-sided dice are rolled. One die has the letters A through D..pdfTwo four-sided dice are rolled. One die has the letters A through D..pdf
Two four-sided dice are rolled. One die has the letters A through D..pdf
 
The job of a CODEC (CoderDecoder) is to Convert an analog voice si.pdf
The job of a CODEC (CoderDecoder) is to  Convert an analog voice si.pdfThe job of a CODEC (CoderDecoder) is to  Convert an analog voice si.pdf
The job of a CODEC (CoderDecoder) is to Convert an analog voice si.pdf
 
Question 4 Constructive retirement is when A. P buys Ss common stoc.pdf
Question 4 Constructive retirement is when A. P buys Ss common stoc.pdfQuestion 4 Constructive retirement is when A. P buys Ss common stoc.pdf
Question 4 Constructive retirement is when A. P buys Ss common stoc.pdf
 
Private and Public Health are working together through many program .pdf
Private and Public Health are working together through many program .pdfPrivate and Public Health are working together through many program .pdf
Private and Public Health are working together through many program .pdf
 
Name the two standards that are supported by major DBMSs for distrib.pdf
Name the two standards that are supported by major DBMSs for distrib.pdfName the two standards that are supported by major DBMSs for distrib.pdf
Name the two standards that are supported by major DBMSs for distrib.pdf
 
Material Manufacturing Name 3 ways that the properties of thermosett.pdf
Material Manufacturing Name 3 ways that the properties of thermosett.pdfMaterial Manufacturing Name 3 ways that the properties of thermosett.pdf
Material Manufacturing Name 3 ways that the properties of thermosett.pdf
 
Mean can be computed for variables with ordinal-level measurements..pdf
Mean can be computed for variables with ordinal-level measurements..pdfMean can be computed for variables with ordinal-level measurements..pdf
Mean can be computed for variables with ordinal-level measurements..pdf
 
Let u_1, u_2 be finite dimensional subspaces of a vector space V. Sho.pdf
Let u_1, u_2 be finite dimensional subspaces of a vector space V. Sho.pdfLet u_1, u_2 be finite dimensional subspaces of a vector space V. Sho.pdf
Let u_1, u_2 be finite dimensional subspaces of a vector space V. Sho.pdf
 
IV. Which compound would have the higher water solubility, tetrahydro.pdf
IV. Which compound would have the higher water solubility, tetrahydro.pdfIV. Which compound would have the higher water solubility, tetrahydro.pdf
IV. Which compound would have the higher water solubility, tetrahydro.pdf
 
Interseting discussion topic,want to chime inDescribe a symbol .pdf
Interseting discussion topic,want to chime inDescribe a symbol .pdfInterseting discussion topic,want to chime inDescribe a symbol .pdf
Interseting discussion topic,want to chime inDescribe a symbol .pdf
 
IN JAVA Write a program to create a binary data file named RandomInt.pdf
IN JAVA Write a program to create a binary data file named RandomInt.pdfIN JAVA Write a program to create a binary data file named RandomInt.pdf
IN JAVA Write a program to create a binary data file named RandomInt.pdf
 
I wanna add the shape creator like rectangular , square , circle etc.pdf
I wanna add the shape creator like rectangular , square , circle etc.pdfI wanna add the shape creator like rectangular , square , circle etc.pdf
I wanna add the shape creator like rectangular , square , circle etc.pdf
 
I keep on get a redefinition error and an undefined error.Customer.pdf
I keep on get a redefinition error and an undefined error.Customer.pdfI keep on get a redefinition error and an undefined error.Customer.pdf
I keep on get a redefinition error and an undefined error.Customer.pdf
 

Recently uploaded

Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPSSpellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
AnaAcapella
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Call Girls in Uttam Nagar (delhi) call me [🔝9953056974🔝] escort service 24X7
Call Girls in  Uttam Nagar (delhi) call me [🔝9953056974🔝] escort service 24X7Call Girls in  Uttam Nagar (delhi) call me [🔝9953056974🔝] escort service 24X7
Call Girls in Uttam Nagar (delhi) call me [🔝9953056974🔝] escort service 24X7
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 

Recently uploaded (20)

How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPSSpellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
 
OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & Systems
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
Call Girls in Uttam Nagar (delhi) call me [🔝9953056974🔝] escort service 24X7
Call Girls in  Uttam Nagar (delhi) call me [🔝9953056974🔝] escort service 24X7Call Girls in  Uttam Nagar (delhi) call me [🔝9953056974🔝] escort service 24X7
Call Girls in Uttam Nagar (delhi) call me [🔝9953056974🔝] escort service 24X7
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
 
AIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptAIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.ppt
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 

Use provided HTML file.Create JavaScript file to validate user i.pdf

  • 1. Use provided HTML file. Create *JavaScript file* to validate user input and process user input. Show the conformation window for Valid Submission. Title is required field. Description is required field. City is required field. Rate this photo => positive numeric value 1 – 10 User must provide date and time. User must accept the software license. User must select “Creative Commons Type Use JavaScript to display User information. //HTML Chapter 6Photo Details Title Description Continent Choose continentAfricaAsiaEuropeNorth AmericaSouth America Country Choose countryCanadaMexicoUnited States City CalgaryMontrealTorontoVancouver Copyright? All rights reserved Creative Commons Creative Commons Types Attribution Noncommercial No Derivative Works Share Alike I accept the software license Rate this photo:
  • 2. Color Collection: Date Taken: Time Taken: //CSS /* general text formatting */ h1, h2, h3, nav, footer { font-family: Georgia, Cambria, "Times New Roman", serif; } body { font-family: "Lucida Sans", Verdana, Arial, sans-serif; font-size: 85%; } table { border: collapse; border-spacing: 0; width; 90%; margin: 0 auto; } table tbody td{ /* border: 1pt solid #95BEF0; */ line-height: 1.5em; vertical-align: top; padding: 0.5em 0.75em; } legend { background-color: #EBF4FB ; margin: 0 auto;
  • 3. width: 90%; padding: 0.25em; text-align: center; font-weight: bold; font-size: 100%; } fieldset { margin: 1em auto; background-color: #FAFCFF; width: 60%; } form p { margin-top: 0.5em; } .box { border: 1pt solid #95BEF0; padding: 0.5em; margin-bottom: 0.4em; } .rectangle { background-color: #EBF4FB; padding: 0.5em; } .centered { text-align: center; } .rounded, .rounded:hover { border: 1px solid #172d6e; border-bottom: 1px solid #0e1d45; border-radius: 5px; text-align: center; color: white; background-color: #8c9cbf; padding: 0.5em 0 0.5em 0; margin: 0.3em; width: 7em;
  • 4. -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 4px 0 #b3b3b3; box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 4px 0 #b3b3b3; } .rounded:hover { background-color: #7f8dad; } Solution script.js /**************format.css**************************************/