Ответы пользователя по тегу JavaScript
  • Как использовать тег transition в HTML через JS?

    @Triplicate
    Если вы хотите сделать какую-либо анимацию c использованием transition, создайте новый класс или id и опишите его с помощью css указав нужные вам свойства. А после при необходимости присвойте тэгу нужный вам класс или id с помощью JavaScript.

    К примеру, у меня есть сайт, у которого есть кнопка открытия модального окна - меню.
    У section присвоен класс modal, но после нажатия на кнопку ему еще добавляется класс opened, который и позволяет открыть модальное окно с анимацией
    До нажатия:
    5e45c5782ee7c245710554.png
    После нажатия:
    5e45c5842d0c8134716489.png
    Данный сайт: https://triplicates.github.io/Afrianska/
    Там же можно и посмотреть исходный код так как это GitHub репозиторий
    Ответ написан
  • Как получить данные из textarea?

    @Triplicate
    Привет, смотри, у тэга textarea нет атрибута value, его value - это то, что ты вписываешь внутрь его <textarea> Сюда </textarea>
    В твоём коде:
    let val = document.getElementById("my-area").value;  // Ты инициализируешь переменную val и присваиваешь ей значение
    console.log(val);

    Но тэг у тебя пустой изначально! Следовательно и значение пустое, поэтому при первом console.log ты получаешь ничего.

    • Во-первых, забудь пожалуйста про document.getElementById(), используй document.querySelector('#my-area')
    • Во-вторых следует повесить событие, если ты хочешь, чтобы переменная получала новое значение при изменении textarea. К примеру, создать кнопку и при клике на неё выводить значение, но советую использовать onchange как сказано выше

    Вот пример на всякий случай: https://codepen.io/Triplicate/pen/mdJVWgE
    Ответ написан