Question: 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

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.

The only thing on the HTML page Index1 is a header "Index1".

After that, the user may click a link to view the index2.html. Links should allow the user to navigate back and forth between both of the index.html pages.

Overview of Index2:

It consists of a canvas element with four buttons. "Your name" will show in the canvas element when you press button one. Two moving squares will emerge when you press button two. The letters "YND" will appear when you press button three. The canvas element is cleared and the squares are stopped by button number four.

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

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.

For button three, when clicked the letters "YND" appears. Use lines and paths to build "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.

Next, for button four the canvas should be cleared when the clear button (Button Four) is clicked, and all timers should be stopped.

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.

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!