DanKud

Задаете для <button> уникальный id и устанавливаете событие клика на него:

.....
$('#fruits-btn').on({
.....
<div style="text-align: center;"><button id="fruits-btn" class="rnd-word yellow">Фрукт</button>

.....
$('#phone-btn').on({
.....
<div style="text-align: center;"><button id="phone-btn" class="rnd-word yellow">Телефон</button>

Ну вы же не первый раз уже вопрос задаете, неужели сложно обернуть код в тэг code нажав кнопку </> для читабельности, а не выбрасывать его в таком виде? И при этом отмечать правильные ответы. С таким отношением вам на более-менее серьезные вопросы никто отвечать не будет.

В данном случае вместо.size() используйте .length:

var sizeEmpty = $('#checkout-form').find('.empty_field').length;

var txt = 'умножение';

document.querySelectorAll('div > span').forEach(element => {
  var content = element.innerHTML;
  if (content.match(txt)) {
    alert(content);
  }
});

document.addEventListener('click', () => {
  var state = { 'page_id': 1, 'user_id': 5 };
  history.pushState(state, null, location.pathname)
})

window.addEventListener('popstate', e => { /* событие срабатывает при нажатии кнопок "назад" и "вперед" в браузере */
  console.log(e.state); /* в методе state будет объект state = { 'page_id': 1, 'user_id': 5 } */
})

Потому что нужно передавать саму функцию - element.addEventListener('click', myFunc) а не запускать ее выполнение. Отправляя myFunc('arg') вы сразу же запускаете выполнение функции. Чтобы отправить параметры функции в обработчик нужно привязать контекст через .bind, как уже вам написали в примере выше, либо использовать метод .handleEvent из интерфейса EventListener:

function myFunc(event) {
    console.log(this.arg);
}
.....
element.addEventListener('click', {
    handleEvent: myFunc,
    arg: 'arg_value'
});

let place = res.data.data[0].place || 0
let nickname = res.data.data[0].nickname || 0

$('.closer').each(function() {
    $(this).on('click', function() {
        $(this).next('.aboutfilm').show();
    });
});

Во-первых id это уникальный идентификатор. Делать несколько элементов с одним id это в корне неправильно + через JQuery по id вы получите в ответ только один элемент. Используйте классы:

<div class="aboutfilm">
    .....
</div>

<script>
$('.aboutfilm').each(function() {
    $(this).on('click', () => {
        $(this).parent().find('.test').addClass('card-text-change');
        $(this).parent().find('.card-text').css('opacity', '1');
        $(this).css('display','none');
    });
});
</script>

Если у вас в y.usid корректное значение, то все должно работать. Но раз уж используете JQuery, то можете попробовать так:

.....
    if (y.nosleep == window.roomt){
        $('#' + y.usid).remove();
    }
.....

Если не работает, то проверьте корректность условия и самой переменной:

.....
    if (y.nosleep == window.roomt){
        console.log(y.usid);
    }
.....

function test() {
    alert('событие активно');
}

input.addEventListener('keypress', test);

input.removeEventListener('keypress', test);

Пример - https://codepen.io/anon/pen/LaXRJq

jQuery('.form-group select option').each(function() {
    jQuery(this).val(jQuery(this).text());
});

или если на нативном JS внутри функции:

jQuery('.form-group select option').each(function() {
    this.value = this.text;
});

onclick="cart.add(<?= $id?>, document.querySelector('.input_quantity').value);"

$('#submit-btn').on('click', () => {
    $('.alert').html('текст_или_HTML');
});

Можно наложить поверх кнопки прозрачный div через z-index и отслеживать клик по нему: https://codepen.io/anon/pen/MxqjBB