Было бы продуктивнее указывать, что нашли и что в них не устроило. А то ведь мы будем ходить по кругу и бессмысленно предлагать те, которые вы уже нагуглили.
Как только первое условие выполнилось, вы вешаете addEventListener на count. И дальше он продолжает висеть и слушать инпут. Как именно это разрулить, зависит от того, какую задачу вы решаете на самом деле.
steef08, нет.
fadeIn и fadeOut это функции JQ, в которых написано, что сначала нужно убрать прозрачность и потом поменять display.
Вы можете написать ровно тоже самое в стилях. Манипулируйте классами, а не пишите свойства в js. Ведь тогда не нужно будет даже думать о том, флекс там был или грид или просто блок или что-то ещё.
Сначала постройте в виду рендомную сетку, а потом попадайте в неё шариками.
Например, https://jsfiddle.net/10c5qL9o/
У меня всего 2 сдвига, вы можете сотворить больше.
Еще вам нужно заблокировать непопадающие в контур елки ячейки.
Да.
Но, если мы оцениваем качество верстки, потенциальный прием на работу и т.д., он говорит о том, что:
1. Верстальщик не умеет или не считает нужным писать валидный код. Или не умеет сам проверять свою работу.
2. Верстальщик не умеет пользоваться линтером и плохо владеет своим редактором (не видит, что редактор подсвечивает слипшиеся атрибуты). Да и затейливые браузеры могут отказаться понимать, что там написано.
3. Отсутствие src и alt у img - верстальщик не заботится о доступности, а если это не имеющие большого смысла картинки, то не добавляет им (или всему блоку) aria-hidden.
И пусть для поисковиков валидность имеет крошечный вес, но зачем им пренебрегать, если можно и его использовать себе на пользу, благо не сложно.
А ещё лучше составьте сами для себя чеклист.
- Проверка во всех браузерах и на всех устройствах из ТЗ
- Проверка на переполнение
- Доступность (читалки, работа с клавиатурой)
- Верно ли вы используете семантические теги (например, у вас список сверстан дивами)
- Валидатор
- Лишние теги
И т.д.
Было бы продуктивнее указывать, что нашли и что в них не устроило. А то ведь мы будем ходить по кругу и бессмысленно предлагать те, которые вы уже нагуглили.
Да и range тут не нужен, как и библиотека.