Пользователь пока ничего не рассказал о себе

Достижения

Все достижения (3)

Наибольший вклад в теги

Все теги (30)

Лучшие ответы пользователя

Все ответы (30)
  • Почему при нажатии на кнопку слайдера картинка пропадает js?

    Elaryks
    @Elaryks
    Картинки переключаются (это видно, если убрать overflow: hidden у .card-list). Просто они расположены в столбик, который ограничен по высоте, при этом неактивные карточки занимают своё положение в документе даже при opacity: 0. Вероятно, вы где-то пропустили часть логики или стилей, чтобы первая картинка заменялась на активную картинку. Поскольку у карточек в вашем примере размеры одинаковые, достаточно заменить position: relative на position: absolute у .card.
    Ответ написан
    1 комментарий
  • Почему не выводится alert?

    Elaryks
    @Elaryks
    У DOM-элемента может быть только одно свойство onclick. Вы перезаписываете его через document.getElementById("clearButton").onclick на сброс значения поля ввода.

    Вы можете либо объединить код в одну функцию, либо использовать addEventListener, который позволяет вешать несколько обработчиков на одно событие:

    const buttonEl = document.getElementById("clearButton");
    
    buttonEl.addEventListener("click", () => {
      // Необходимый код 1
    });
    
    buttonEl.addEventListener("click", () => {
      // Необходимый код 2
    });
    Ответ написан
    Комментировать
  • Почему не работает pattern на input?

    Elaryks
    @Elaryks
    Проверка с помощью атрибута pattern срабатывает непосредственно перед отправкой формы. Кроме того, это не запретит ввод символов, отличных от цифр, а лишь покажет уведомление в случае несоответствия. Вашу же задачу можно решить несколькими способами.
    Первый вариант: <input type="number" />. Из особенностей: он допускает ввод некоторых символов, отличающихся от цифр (например, "+" и "e").
    Второй вариант: перехватывать событие onChange у поля ввода:
    const [value, setValue] = useState('')
    
    const handleInputChange = (e) => {
      setValue(e.target.value.replace(/\D/g, ''))
    }
    
    <input value={value} onChange={handleInputChange} />
    Ответ написан
    Комментировать
  • Как заставить gradient svg не дергаться при уменьшении и при увелечение?

    Elaryks
    @Elaryks
    В целом, нечто подобное можно сделать без использования JavaScript:

    Ответ написан
    1 комментарий