Question: Can someone help write a HTML with Javascript that achieve the following requirements below: A). The page should have 5 input spaces that can accept

Can someone help write a HTML with Javascript that achieve the following requirements below:

A). The page should have 5 input spaces that can accept 5 different numbers.

B). When you click in one of the 5 inputs, the background color of the other 4 inputs should change to grey. At the same time, a prompt should show up under this array of input spaces and print You are entering the 2nd number . Replace the 2nd with the actual position of the current input.

Example Code:

function checkUsername() { var username = el.value; if (username.length

} else {

elMsg.textContent = '';

}

} function tipUsername() { elMsg.className = 'tip'; elMsg.innerHTML = 'Username must be at least 5 characters';

}

Can someone help write a HTML with Javascript that achieve the following

C). A switch button should be implemented. The button should switch between + ( addition) sign and * (multiplication) sign when clicked. You may find the images of the signs online.

Example code:

List King

Audio Note

record

Javascript

switch(target.getAttribute('data-state')) { // Get the data-state attribute case 'record': // If its value is record record(target); // Call the record() function break; // Exit function to where called case 'stop': // If its value is stop stop(target); // Call the stop() function break; // Exit function to where called }

D) Under the array of number inputs, there should be a submit button. When the switch sign is + and user clicked on submit, the sum of all the five numbers should be displayed somewhere on the page. When the switch sign is *, the result of the 5 numbers multiplied together should be shown.

The outcome should look like this:

requirements below: A). The page should have 5 input spaces that can

Create a username: Not long enough, yet

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!