v3shin

Можно, например, задать боксам класс box и модифицировать скрипт:

$(".string1").click(function () {
    $(this).closest(".box").find(".string2").toggle();
});

Каждое нажатие на #first добавляет еще по одному обработчику событий на каждую кнопку. Помочь вам может третий параметр функции addEventListener():

first.addEventListener('click', () => { ... }, {once: true})

document.querySelector('#nuzhniy_select').value = '';

Значение селекта станет пустым, новый option не добавится.
Если это решение вам не подходит, заверстайте в виде обычных ссылок.

new Array(3).fill(false) создает массив. new Array(3).fill(массив) создает родительский массив, в качестве значений которого использует один и тот же массив. Получаются три ссылки на один объект.

const array = new Array(3).fill('').map(() => new Array(3).fill(false))

Настройте на свой вкус:

<input onkeyup="this.value = this.value.replace(/\d/g,'')">

$(document).on('click', '.spoilerMaybeEh .close', function(e) {
     e.preventDefault();
     $(this).closest('.spoilerMaybeEh').find('.body').first().slideToggle(300);
})

С помощью изменения document.body.style.zoom.

У jQuery нет своего "особенного" синтаксиса: это все js (а выборка селекторов - css).
var item = $('[data-item="' + id + '"]');
var item = $(`[data-item="${id}"]`);

scroll(handler) - это псевдоним $(document).on( 'scroll', handler). Но во втором случае можно воспользоваться синтаксисом $(document).on('scroll', selector, handler), позволяющий навесить события на селекторы, а не элементы (обработчик сработает и на тех элементах, которых пока нет на странице).
https://api.jquery.com/on/#on-events-selector-data...

Вы создаете
var ctx = canvas.getContext('2d');
А потом используете
context.fillStyle = pattern;
Проверяйте почаще консоль ошибок. =)

(myNumber+'')[0]

<input type="radio" id="fruit1" name="fruit-1" value="1" class="fruit_radio">
  <label for="fruit1" id="level" value="3">Текст1</label>
<input type="radio" id="fruit2" name="fruit-1" value="5" class="fruit_radio">
  <label for="fruit2" id="level1" value="6">Текст2</label>
<input type="radio" id="fruit3" name="fruit-1" value="11" class="fruit_radio">
  <label for="fruit3" id="level2" value="9">Текст3</label>

document.querySelectorAll('.fruit_radio').forEach(function (radio) {
	radio.addEventListener('click', function () {
  	if (this.checked) {
    	console.log(this.value);
    }
  });
});