есть форма она открывается по кнопки фильтр и закрываться должна на крестике

просто закрыть форму на крестик, простая задача, а для меня сверх тяжелая

Вариант на жуке

При клике на кнопку попапу будет вешаться стиль display: block;
$('.filter_btn').click(function () {
  $('.popap').show();
})

При клике на крестик попапу будет вешаться стиль display: none;
$('.exit').click(function () {
  $('.popap').hide();
})

лол

Да сранная веб версия

орнул)

А что не через addEventListener

Это так предложение)

window.onload = function() {
   document.querySelector('#cелектор_говна').onclick = function() {
       document.querySelector('селектор_второго_говна').style.display = 'block';
   }

   document.querySelector('#cелектор_говна_X').onclick = function() {
       document.querySelector('селектор_второго_говна').style.display = 'none';
   }

}

Примерное говно по памяти

Хочу совет получить, запутался конкретно. В качестве курсовой работы реализовываю веб-аналог anki (флеш-карточки для интервального изучения). Идея алгоритма простая и алгоритм уже на псевдокоде написан: пользователь создаёт несколько коллекций вопрос-ответ. И потом учит. Изучая, жмёт три кнопки: легко, трудно, нормально. В зависимости от этого карточки распределяются по времени: что-то повторять надо, что-то можно завтра повторить (метод Лейтнера). Трудности возникают в другом (к сожалению, научрук ничего толкового не дает советами): какой путь будет оптимальнее: клепать алгоритм на клиентской стороне с помощью js или делать всю платформу с помощью react? Js знаю на уровне «игрался с динамическим созданием элементов, формы-тесты всякие и все».  Или вообще все плохо в моем случае? Всем спасибо за любые отклики.

Может есть уже какой-то ui чтобы было понятнее куда пользователь нажимает и что должно происходить? А так прям жалко что такой пост написан и ничего не ясно...

React это и так клиентская сторона помогающая быстро отрисовать логику

Пытаюсь разобраться как отправить в контрол textarea на котором установлена валидация formic react нужный мне текст.
Чтобы этот контрол принял то, что я ему засылаю.
Если открыть страничку с нужным мне контролом в хроме.
Клацнуть котнрол правой кнопкой мыши и выбрать просмотреть код.
Тогда откроется панель для разработчика в которой будет показан код контрола.
<textarea class="k-UziT-72d9c" id="body" name="body" placeholder="" maxlength="4000" minlength="20" locale="ru" minsimbols="20" values="[object Object]" formik="[object Object]"></textarea>
Но если на страничке клацнуть CTRL + U "просмотреть код страницы"
То откроется страница с кодом на которой не будет контрола textarea
подскажите как правильно выгрузить код страницы.
Чтобы поиском по странице можно было разобраться что от чего работает . И что надо посылать контролу.

Помогите, пожалуйста: с помощью json-servera из файла на страницу загружаются "карточки" (картинка и две кнопки). Как мне получить коллекцию этих кнопок? Простое document.querySelectorAll возвращает пустую коллекцию так как видимо карточки к тому моменту ещё не загружены.

 checkBox.addEventListener('click', () => {
        if(checkBox.checked == true) {
            li.classList.add('crossed-out')
        } 
    });

    checkBox.addEventListener('click', () => {
        if(checkBox.checked !== true) {
            li.classList.remove('crossed-out');
        }
    }) 

Господа, как лучше переписать данное условие?

 checkBox.addEventListener('click', () => {
        if(checkBox.checked == true) {
            li.classList.add('crossed-out')
        } 
    });

    checkBox.addEventListener('click', () => {
        if(checkBox.checked !== true) {
            li.classList.remove('crossed-out');
        }
    }) 

Есть toggle

Для css стилей

UI веб версии прямо сейчас под рукой нет. Есть скриншоты приложения, идею которого я реализовываю. 1 скрин - вопрос, кнопка «show answer”. При нажатии на нее выскакивает ответ, и три кнопки (скрин 2): снова, хорошо, легко. В зависимости от нажатия на эти кнопки, карточки сортируются на разные колоды для их повторения (время, через которое придётся повторить карточку указано рядом с кнопками). Так идёт процесс обучения. Пользователь на отдельной странице формирует сам коллекцию вопросов-ответов.

Лучшей практикой будет использовать именно его?