SlideShare a Scribd company logo
Create two index websites and four buttons using HTML, javascript and CSS
FIrst, when a person accesses your website, it will start on the index1.html page. I
n the HTML page, Index1 is a title and header "Index1" and a link that sends the user to index 2.
The user may click that link to view the index2.html.
There should be links on both index.html pages that should allow the user to navigate back and
forth between both of the index.html pages.
Overview of Index 2:
Consists of a canvas element with four buttons.
Index 2 has a link back to index 1.
"Your name" will show in the canvas element when you press button one.
Button 1: When button one is first clicked, "your name" will appear in the canvas element,
starting in the top left corner. For each subsequent click, when button one is clicked again, "your
name" will appear below its previous position, but the previous name won't appear. When button
one reaches the bottom of the canvas element, "your name" will reappear in the top left corner.
You must specify the font type and color.
Button 2: Two moving squares will emerge when you press button two. When button two is
pressed, two squares will emerge one in the top left and one in the bottom right corner of the
canvas element, respectively. These two squares will travel across the canvas in opposite
directions without the need to press any additional buttons. it reappears from its starting place.
Make sure clicking is not necessary to move the squares, and that each one has unique design
elements.
Button 3: The letters "YND" will appear when you press button three. Use lines and paths to
build the letters "YND"; each letter should appear in three seconds intervals; ensure that each
line is thick and has a distinct color; each letter in "YND" should be at least one-fourth the size
of the canvas.
Button 4: The canvas element is cleared and the squares are stopped by button number four.
Next, for button four the canvas should be cleared when the clear button (Button Four) is clicked,
and all timers should be stopped.
ButtonStyle.css
For the CSS styling page buttons must have a color and a font and must be rounded-shaped.
ButtonStyle.css is used to style only your buttons.
Create two index websites and four buttons using HTML- javascript and.pdf

More Related Content

Similar to Create two index websites and four buttons using HTML- javascript and.pdf

How to Create Vintage Type Text Effect in Photoshop
How to Create Vintage Type Text Effect in PhotoshopHow to Create Vintage Type Text Effect in Photoshop
How to Create Vintage Type Text Effect in Photoshop
Metrodesk
 
Ms 2010 tutorial topic 4 editing a document (edit text_tutorial)
Ms 2010 tutorial topic 4 editing a document (edit text_tutorial)Ms 2010 tutorial topic 4 editing a document (edit text_tutorial)
Ms 2010 tutorial topic 4 editing a document (edit text_tutorial)JessicaRenslow
 
Ms 2010 tutorial topic 6 adding page numbers
Ms 2010 tutorial topic 6 adding page numbersMs 2010 tutorial topic 6 adding page numbers
Ms 2010 tutorial topic 6 adding page numbersJessicaRenslow
 

Similar to Create two index websites and four buttons using HTML- javascript and.pdf (6)

dr_1
dr_1dr_1
dr_1
 
dr_1
dr_1dr_1
dr_1
 
How to Create Vintage Type Text Effect in Photoshop
How to Create Vintage Type Text Effect in PhotoshopHow to Create Vintage Type Text Effect in Photoshop
How to Create Vintage Type Text Effect in Photoshop
 
Graphics
GraphicsGraphics
Graphics
 
Ms 2010 tutorial topic 4 editing a document (edit text_tutorial)
Ms 2010 tutorial topic 4 editing a document (edit text_tutorial)Ms 2010 tutorial topic 4 editing a document (edit text_tutorial)
Ms 2010 tutorial topic 4 editing a document (edit text_tutorial)
 
Ms 2010 tutorial topic 6 adding page numbers
Ms 2010 tutorial topic 6 adding page numbersMs 2010 tutorial topic 6 adding page numbers
Ms 2010 tutorial topic 6 adding page numbers
 

More from admin618513

Crane Company produces flash drives for computers- which it sells for.pdf
Crane Company produces flash drives for computers- which it sells for.pdfCrane Company produces flash drives for computers- which it sells for.pdf
Crane Company produces flash drives for computers- which it sells for.pdf
admin618513
 
CP 4-1 Ethics in Action New Wave Images is a graphics design firm that.pdf
CP 4-1 Ethics in Action New Wave Images is a graphics design firm that.pdfCP 4-1 Ethics in Action New Wave Images is a graphics design firm that.pdf
CP 4-1 Ethics in Action New Wave Images is a graphics design firm that.pdf
admin618513
 
could you help me with these Which of the following are not found in.pdf
could you help me with these  Which of the following are not found in.pdfcould you help me with these  Which of the following are not found in.pdf
could you help me with these Which of the following are not found in.pdf
admin618513
 
Create a folder on your computer called -week3- Create a script IN PY.pdf
Create a folder on your computer called -week3-  Create a script IN PY.pdfCreate a folder on your computer called -week3-  Create a script IN PY.pdf
Create a folder on your computer called -week3- Create a script IN PY.pdf
admin618513
 
Data tableJoy's Dance Studio created a $350 imprest petty cash fund- D.pdf
Data tableJoy's Dance Studio created a $350 imprest petty cash fund- D.pdfData tableJoy's Dance Studio created a $350 imprest petty cash fund- D.pdf
Data tableJoy's Dance Studio created a $350 imprest petty cash fund- D.pdf
admin618513
 
Data Table- Table 1- Growth of Staphylococcus aureus at Different pH L.pdf
Data Table- Table 1- Growth of Staphylococcus aureus at Different pH L.pdfData Table- Table 1- Growth of Staphylococcus aureus at Different pH L.pdf
Data Table- Table 1- Growth of Staphylococcus aureus at Different pH L.pdf
admin618513
 
DATA STRUCTURE please i need this very fast We consider the following.pdf
DATA STRUCTURE  please i need this very fast We consider the following.pdfDATA STRUCTURE  please i need this very fast We consider the following.pdf
DATA STRUCTURE please i need this very fast We consider the following.pdf
admin618513
 
Data on inward FDI published by the ONS last year (2022)- suggest the.pdf
Data on inward FDI published by the ONS last year (2022)- suggest the.pdfData on inward FDI published by the ONS last year (2022)- suggest the.pdf
Data on inward FDI published by the ONS last year (2022)- suggest the.pdf
admin618513
 
Daily rest and activity cycles in all biological organisms are a form.pdf
Daily rest and activity cycles in all biological organisms are a form.pdfDaily rest and activity cycles in all biological organisms are a form.pdf
Daily rest and activity cycles in all biological organisms are a form.pdf
admin618513
 
Data items that have internal components that can be accessed individu.pdf
Data items that have internal components that can be accessed individu.pdfData items that have internal components that can be accessed individu.pdf
Data items that have internal components that can be accessed individu.pdf
admin618513
 
Data on aggregate income Y and aggregate consumption C yield the follo.pdf
Data on aggregate income Y and aggregate consumption C yield the follo.pdfData on aggregate income Y and aggregate consumption C yield the follo.pdf
Data on aggregate income Y and aggregate consumption C yield the follo.pdf
admin618513
 
d- I have a bunch of numbers and I need to be able to insert these num.pdf
d- I have a bunch of numbers and I need to be able to insert these num.pdfd- I have a bunch of numbers and I need to be able to insert these num.pdf
d- I have a bunch of numbers and I need to be able to insert these num.pdf
admin618513
 
Cystic fibrosis (CF) is an autosomal recessive disease- A woman is a c.pdf
Cystic fibrosis (CF) is an autosomal recessive disease- A woman is a c.pdfCystic fibrosis (CF) is an autosomal recessive disease- A woman is a c.pdf
Cystic fibrosis (CF) is an autosomal recessive disease- A woman is a c.pdf
admin618513
 
Customers use infrastructure and programming tools supported by the cl.pdf
Customers use infrastructure and programming tools supported by the cl.pdfCustomers use infrastructure and programming tools supported by the cl.pdf
Customers use infrastructure and programming tools supported by the cl.pdf
admin618513
 
Curts Waker adreired his whe's success at seling scarves an local traf.pdf
Curts Waker adreired his whe's success at seling scarves an local traf.pdfCurts Waker adreired his whe's success at seling scarves an local traf.pdf
Curts Waker adreired his whe's success at seling scarves an local traf.pdf
admin618513
 
Create a 10-12 slide PowerPoint presentation (not including a referenc.pdf
Create a 10-12 slide PowerPoint presentation (not including a referenc.pdfCreate a 10-12 slide PowerPoint presentation (not including a referenc.pdf
Create a 10-12 slide PowerPoint presentation (not including a referenc.pdf
admin618513
 
Current Attempt in Progress The trial balance of Novak Ltd- at Decembe.pdf
Current Attempt in Progress The trial balance of Novak Ltd- at Decembe.pdfCurrent Attempt in Progress The trial balance of Novak Ltd- at Decembe.pdf
Current Attempt in Progress The trial balance of Novak Ltd- at Decembe.pdf
admin618513
 
Current Attempt in Progress The following data are provided- Additiona.pdf
Current Attempt in Progress The following data are provided- Additiona.pdfCurrent Attempt in Progress The following data are provided- Additiona.pdf
Current Attempt in Progress The following data are provided- Additiona.pdf
admin618513
 
Cullumber Company has the following informabion avallable for Septembe.pdf
Cullumber Company has the following informabion avallable for Septembe.pdfCullumber Company has the following informabion avallable for Septembe.pdf
Cullumber Company has the following informabion avallable for Septembe.pdf
admin618513
 
Cridaria These marine animas heve pustas wh sprus Chordata Thee body p.pdf
Cridaria These marine animas heve pustas wh sprus Chordata Thee body p.pdfCridaria These marine animas heve pustas wh sprus Chordata Thee body p.pdf
Cridaria These marine animas heve pustas wh sprus Chordata Thee body p.pdf
admin618513
 

More from admin618513 (20)

Crane Company produces flash drives for computers- which it sells for.pdf
Crane Company produces flash drives for computers- which it sells for.pdfCrane Company produces flash drives for computers- which it sells for.pdf
Crane Company produces flash drives for computers- which it sells for.pdf
 
CP 4-1 Ethics in Action New Wave Images is a graphics design firm that.pdf
CP 4-1 Ethics in Action New Wave Images is a graphics design firm that.pdfCP 4-1 Ethics in Action New Wave Images is a graphics design firm that.pdf
CP 4-1 Ethics in Action New Wave Images is a graphics design firm that.pdf
 
could you help me with these Which of the following are not found in.pdf
could you help me with these  Which of the following are not found in.pdfcould you help me with these  Which of the following are not found in.pdf
could you help me with these Which of the following are not found in.pdf
 
Create a folder on your computer called -week3- Create a script IN PY.pdf
Create a folder on your computer called -week3-  Create a script IN PY.pdfCreate a folder on your computer called -week3-  Create a script IN PY.pdf
Create a folder on your computer called -week3- Create a script IN PY.pdf
 
Data tableJoy's Dance Studio created a $350 imprest petty cash fund- D.pdf
Data tableJoy's Dance Studio created a $350 imprest petty cash fund- D.pdfData tableJoy's Dance Studio created a $350 imprest petty cash fund- D.pdf
Data tableJoy's Dance Studio created a $350 imprest petty cash fund- D.pdf
 
Data Table- Table 1- Growth of Staphylococcus aureus at Different pH L.pdf
Data Table- Table 1- Growth of Staphylococcus aureus at Different pH L.pdfData Table- Table 1- Growth of Staphylococcus aureus at Different pH L.pdf
Data Table- Table 1- Growth of Staphylococcus aureus at Different pH L.pdf
 
DATA STRUCTURE please i need this very fast We consider the following.pdf
DATA STRUCTURE  please i need this very fast We consider the following.pdfDATA STRUCTURE  please i need this very fast We consider the following.pdf
DATA STRUCTURE please i need this very fast We consider the following.pdf
 
Data on inward FDI published by the ONS last year (2022)- suggest the.pdf
Data on inward FDI published by the ONS last year (2022)- suggest the.pdfData on inward FDI published by the ONS last year (2022)- suggest the.pdf
Data on inward FDI published by the ONS last year (2022)- suggest the.pdf
 
Daily rest and activity cycles in all biological organisms are a form.pdf
Daily rest and activity cycles in all biological organisms are a form.pdfDaily rest and activity cycles in all biological organisms are a form.pdf
Daily rest and activity cycles in all biological organisms are a form.pdf
 
Data items that have internal components that can be accessed individu.pdf
Data items that have internal components that can be accessed individu.pdfData items that have internal components that can be accessed individu.pdf
Data items that have internal components that can be accessed individu.pdf
 
Data on aggregate income Y and aggregate consumption C yield the follo.pdf
Data on aggregate income Y and aggregate consumption C yield the follo.pdfData on aggregate income Y and aggregate consumption C yield the follo.pdf
Data on aggregate income Y and aggregate consumption C yield the follo.pdf
 
d- I have a bunch of numbers and I need to be able to insert these num.pdf
d- I have a bunch of numbers and I need to be able to insert these num.pdfd- I have a bunch of numbers and I need to be able to insert these num.pdf
d- I have a bunch of numbers and I need to be able to insert these num.pdf
 
Cystic fibrosis (CF) is an autosomal recessive disease- A woman is a c.pdf
Cystic fibrosis (CF) is an autosomal recessive disease- A woman is a c.pdfCystic fibrosis (CF) is an autosomal recessive disease- A woman is a c.pdf
Cystic fibrosis (CF) is an autosomal recessive disease- A woman is a c.pdf
 
Customers use infrastructure and programming tools supported by the cl.pdf
Customers use infrastructure and programming tools supported by the cl.pdfCustomers use infrastructure and programming tools supported by the cl.pdf
Customers use infrastructure and programming tools supported by the cl.pdf
 
Curts Waker adreired his whe's success at seling scarves an local traf.pdf
Curts Waker adreired his whe's success at seling scarves an local traf.pdfCurts Waker adreired his whe's success at seling scarves an local traf.pdf
Curts Waker adreired his whe's success at seling scarves an local traf.pdf
 
Create a 10-12 slide PowerPoint presentation (not including a referenc.pdf
Create a 10-12 slide PowerPoint presentation (not including a referenc.pdfCreate a 10-12 slide PowerPoint presentation (not including a referenc.pdf
Create a 10-12 slide PowerPoint presentation (not including a referenc.pdf
 
Current Attempt in Progress The trial balance of Novak Ltd- at Decembe.pdf
Current Attempt in Progress The trial balance of Novak Ltd- at Decembe.pdfCurrent Attempt in Progress The trial balance of Novak Ltd- at Decembe.pdf
Current Attempt in Progress The trial balance of Novak Ltd- at Decembe.pdf
 
Current Attempt in Progress The following data are provided- Additiona.pdf
Current Attempt in Progress The following data are provided- Additiona.pdfCurrent Attempt in Progress The following data are provided- Additiona.pdf
Current Attempt in Progress The following data are provided- Additiona.pdf
 
Cullumber Company has the following informabion avallable for Septembe.pdf
Cullumber Company has the following informabion avallable for Septembe.pdfCullumber Company has the following informabion avallable for Septembe.pdf
Cullumber Company has the following informabion avallable for Septembe.pdf
 
Cridaria These marine animas heve pustas wh sprus Chordata Thee body p.pdf
Cridaria These marine animas heve pustas wh sprus Chordata Thee body p.pdfCridaria These marine animas heve pustas wh sprus Chordata Thee body p.pdf
Cridaria These marine animas heve pustas wh sprus Chordata Thee body p.pdf
 

Recently uploaded

Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
David Douglas School District
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
camakaiclarkmusic
 
Normal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of LabourNormal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of Labour
Wasim Ak
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
thanhdowork
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Thiyagu K
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
Jisc
 
Digital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion DesignsDigital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion Designs
chanes7
 
Multithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race conditionMultithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race condition
Mohammed Sikander
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
EduSkills OECD
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
Balvir Singh
 
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
Levi Shapiro
 
The Diamond Necklace by Guy De Maupassant.pptx
The Diamond Necklace by Guy De Maupassant.pptxThe Diamond Necklace by Guy De Maupassant.pptx
The Diamond Necklace by Guy De Maupassant.pptx
DhatriParmar
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
SACHIN R KONDAGURI
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
EugeneSaldivar
 
Best Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDABest Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDA
deeptiverma2406
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
vaibhavrinwa19
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
EverAndrsGuerraGuerr
 
Digital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments UnitDigital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments Unit
chanes7
 

Recently uploaded (20)

Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
 
Normal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of LabourNormal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of Labour
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
 
Digital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion DesignsDigital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion Designs
 
Multithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race conditionMultithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race condition
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
 
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
 
The Diamond Necklace by Guy De Maupassant.pptx
The Diamond Necklace by Guy De Maupassant.pptxThe Diamond Necklace by Guy De Maupassant.pptx
The Diamond Necklace by Guy De Maupassant.pptx
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
 
Best Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDABest Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDA
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
 
Digital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments UnitDigital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments Unit
 

Create two index websites and four buttons using HTML- javascript and.pdf

  • 1. Create two index websites and four buttons using HTML, javascript and CSS FIrst, when a person accesses your website, it will start on the index1.html page. I n the HTML page, Index1 is a title and header "Index1" and a link that sends the user to index 2. The user may click that link to view the index2.html. There should be links on both index.html pages that should allow the user to navigate back and forth between both of the index.html pages. Overview of Index 2: Consists of a canvas element with four buttons. Index 2 has a link back to index 1. "Your name" will show in the canvas element when you press button one. Button 1: When button one is first clicked, "your name" will appear in the canvas element, starting in the top left corner. For each subsequent click, when button one is clicked again, "your name" will appear below its previous position, but the previous name won't appear. When button one reaches the bottom of the canvas element, "your name" will reappear in the top left corner. You must specify the font type and color. Button 2: Two moving squares will emerge when you press button two. When button two is pressed, two squares will emerge one in the top left and one in the bottom right corner of the canvas element, respectively. These two squares will travel across the canvas in opposite directions without the need to press any additional buttons. it reappears from its starting place. Make sure clicking is not necessary to move the squares, and that each one has unique design elements. Button 3: The letters "YND" will appear when you press button three. Use lines and paths to build the letters "YND"; each letter should appear in three seconds intervals; ensure that each line is thick and has a distinct color; each letter in "YND" should be at least one-fourth the size of the canvas. Button 4: The canvas element is cleared and the squares are stopped by button number four. Next, for button four the canvas should be cleared when the clear button (Button Four) is clicked, and all timers should be stopped. ButtonStyle.css For the CSS styling page buttons must have a color and a font and must be rounded-shaped. ButtonStyle.css is used to style only your buttons.