Задачи по JS/CSS/HML – Telegram
Задачи по JS/CSS/HML
1.74K subscribers
50 photos
10 links
Задачи по JS/CSS/HML
Опросы и тесты.

Задачи с собеседований и их решения.

@viktorreh

Чат для обсуждения наших задач: https://news.1rj.ru/str/+YShywCEkhylkMDVi
Download Telegram
Javanoscript вопрос: Что вернет код ниже?
["Apple", "Pear", "Orange"].toString()
Anonymous Quiz
23%
"Apple, Pear, Orange"
38%
"ApplePearOrange"
11%
"Apple Pear Orange"
22%
"Apple,Pear,Orange"
6%
Посмотреть ответы
👍4🔥1
Нужен нам чат для обсуждения решений задач?
Anonymous Poll
23%
Нет
77%
Да
🔥6
CSS вопрос: Как объявить переменную в файле стилей?
Anonymous Quiz
10%
let variable = value;
29%
var(--variable): value;
7%
--variable = value;
41%
--variable: value;
13%
Посмотреть ответы
👌5👍3🤩1
Вопрос на CSS собеседовании.

Как можно установить свойство opacity для элемента input, у которого установлен атрибут type со значением "radio"?

Ответ:
Чтобы отобрать элемент с type="radio" требуется использовать селекторы атрибутов.

input[type="radio"] {
opacity: 0.24;
}


#css #собеседование
👍19🤬2👎1😁1
👍73
👍9😢51
Вопрос на CSS собеседовании.

Как я могу задать CSS для элемента, в котором есть элемент, находящийся в фокусе?

Ответ:
Через псевдокласс :focus-within.

<div class="some-parent">
<button type="button">Some button</button>
</div>


.some-parent:focus-within {
outline: 2px solid purple;
outline-offset: 5px;
}


#css #собеседование
🔥18👍61👎1👏1
Javanoscript вопрос: Всегда ли блок с перечислением аргументов (в объявлении) стрелочной функции должен быть заключен в круглые скобки?
Anonymous Quiz
37%
Да
58%
Нет
5%
Посмотреть ответы
👍32
Вопрос на CSS собеседовании.

Представьте, что есть таблица с данными. Назовите способ добавления свойства opacity для всех строк, кроме той, на которую навел пользователь.

Ответ:
Нам требуется использовать сложный селектор, в котором установим свойство opacity для всех строк, используя tbody:hover, а через :not(:hover) отменим свойство opacity для наведенной строки.

tbody:hover tr:not(:hover) {
opacity: 0.24;
}


#css #собеседование
👍20🔥3
HTML вопрос: Всегда ли путь "images/picture.png" равноценен (то есть ведет к тому же элементу) пути "/images/picture.png"?
Anonymous Quiz
26%
Да
68%
Нет
5%
Посмотреть ответы
👍6
Вопрос на CSS собеседовании.

У элемента button установлено значение 16px для свойства font-size. Как мне установить значение 8px для свойства padding в единицах измерения em?

Ответ:

Нужно разделить 8px на 16px.

button {
font-size: 16px;
padding: .5em;
}


#css #собеседование
👍17
Javanoscript вопрос: Может ли использоваться деструктуризация в объявлении функции в блоке перечисления аргументов (то есть, в круглых скобках, перед телом функции)?
Anonymous Quiz
74%
Да
16%
Нет
10%
Посмотреть ответы
👍8
Вопрос на CSS собеседовании.

Как я могу переписать следующий код так, чтобы значение свойства background-color автоматически менялось при изменении значения свойства color?

.link {
color: #222;
}

.link::before {
background-color: #222;
}


Ответ:

Нужно использовать ключевое слово currentColor, которое автоматически подставляет значение свойства color для текущего элемента. В нашем случае значение будет унаследовано от элемента .link.

.link {
color: #222;
}

.link::before {
background-color: currentColor;
}


#css #собеседование
👍46🔥52
🔥11😁2
Вопрос на CSS собеседовании.

Что такое псевдокласс :root?

Ответ:

:root — псевдокласс, которые отбирает корневой элемент в дереве документа. В случае HTML документа это элемент html. В случае SVG документа это элемент noscript.


#css #собеседование
👍264💘1
Javanoscript вопрос: Возможно ли сделать так, чтобы функция сама по себе (без внешних переменных или функций) хранила количество ее вызовов?
Anonymous Quiz
66%
Да
20%
Нет
14%
Посмотреть ответы
👍61