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>

HTML:

<span class="message">text http://example.com text</span>

JS:

var message = document.querySelector('.message');
message.innerHTML = message.innerHTML.replace(/(https?:\/\/\S*)/g, '<a href="$1" target="_blank">$1</a>');

Ну вы же не первый раз уже вопрос задаете, неужели сложно обернуть код в тэг 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);
  }
});

$str = 'ЛокоТехСервисСервисноеЛокомотивноеДепоСарептаПодразделениеВолгоград1ФилиалЮжный';
$str = preg_replace('/[^A-ZА-Я]/u', '', $str);
echo $str;

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 } */
})

Зачем мучаться с substr в данном случае и искать позиции вхождения символов в строке? Можно регуляркой вытянуть без проблем:

$str='
<header></header>
<p>content<p>
<footer></footer>';

preg_match('#</header>(.*?)<footer>#s', $str, $m);
$content = $m[1];
echo $content; /* <p>content<p> */

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

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

https://codepen.io/anon/pen/WmPBrr?editors=1100#0

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();
    });
});

@media screen and (max-width: ширина_экрана) { /* максимальная ширина экрана в пикселях меньше которой свойство будет изменено */
    элемент {
        margin-left: 0;
    }
}