🚀 CYBER WEEK SALE: 50% OFF on JavaScript Fundamentals 💪

Task #2611 - Initial value

You need to add initial values ​​to both fields in the document. The first must be John, the second must be Doe. This task is part of the Full-Stack JavaScript Course...

August 15, 2020 · 1 min · Coderslang Master

Task #2612 - Stacked Form

The form must be stacked. For this, the input fields must become block. The width of each field must be 100% of the parent element (the form tag). Note that the form has padding....

August 15, 2020 · 1 min · Coderslang Master

Task #2613 - Everything is intertwined

Your colleague messed up everything with the inputs and labels. Everything is not working as it should. Radio buttons should only have one value. Use the name developer for this....

August 15, 2020 · 1 min · Coderslang Master

Task #2614, Stage #1 - On the way to Google

Let’s make a simple copy of the Google input field. Let’s take a look at one of the ways to add icons to fields. Use internal styles. Immediately after the div....

August 15, 2020 · 2 min · Coderslang Master

Task #2614, Stage #2 - On the way to Google

Now we will work on the styles of our input field. Let’s start with its wrapper. Let’s make div.input-wrapper a flex container. The element must be in line and vertically centered....

August 15, 2020 · 1 min · Coderslang Master

Task #2614, Stage #3 - On the way to Google

Let’s finish styling the field itself. We need to remove the borders and highlight the field. Height should be 34px, font size should be 16px. We will only add horizontal margins - 8px....

August 15, 2020 · 1 min · Coderslang Master

Task #2621 - On focus

The script is not working as expected. Let’s fix it. When the textarea element receives focus, the form focused message should appear first in the console. After that, the message textarea focused should appear....

August 15, 2020 · 1 min · Coderslang Master

Task #2622 - Getting values

When you click on the Generate greeting button, a message of the following format should appear in the console: Hello, *firstName* *lastName*!, where *firstName* is the value of the first field, *lastName* - of the second field....

August 15, 2020 · 1 min · Coderslang Master

Task #2623 - Validation and UX

It is necessary to show the user when the data entered in the form is sufficient. If the user has entered more than 4 characters in both the email and password fields, change the background of the button to #90E39A....

August 15, 2020 · 1 min · Coderslang Master

Task #2624 - Deposit

It is necessary to write the logic of the deposit calculator. You need to calculate how much interest will be charged for the billing period and add them to the initial amount....

August 15, 2020 · 2 min · Coderslang Master