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

Task #2502 - Changing the font size

There are two buttons in the document: + and -. When the + button is clicked, the font size of the .story element should increase by 1px by default. If the current font size of the ....

August 15, 2020 · 2 min · Coderslang Master

Task #2503 - Fortune cookies

There are three fortune cookies (.cookie) in the document. To read the prediction, you need to open the cookie. When you click on a .cookie, you need to add the opened class to it....

August 15, 2020 · 1 min · Coderslang Master

Task #2504 - A bit of UX

When dialing a number, it is desirable to highlight the pressed button. When clicking on any button in the index.html file, the pressed class must be added to it for 500ms....

August 15, 2020 · 1 min · Coderslang Master

Task #2505 - Traffic light

You were given access to control traffic lights in the city. The task you need to solve is to manually control them. To turn on the red light, the .traffic-light element must have a second class stop....

August 15, 2020 · 2 min · Coderslang Master

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