Почему не перехватывает ошибку?

У вас для начала код неправильный с точки зрения синтаксиса JS, а try/catch перехватывает ошибки выполнения.

Подобную ошибку на странице можно перехватить только если выполнять скрипт через eval.

Где ошибка в этом коде?

JackShcherbakov, в качестве учебного примера это вполне себе норма. Если вам нужно проработать именно этот случай, то вам ниже правильно ответили - надо искать активную кнопку, а потом её label и уже из него брать данные. А вообще гораздо проще все данные брать с инпутов вместо того чтоб строки сравнивать.

Где ошибка в этом коде?

Ошибка в том, что вы в обработчике проверяете равенство длинных строк. Можете в инпутах хранить например сам индекс системы счисления, тогда сможете просто искать активный инпут, брать у него индекс и передавать его в toString.

Можете предложить идеи по реализации такой карусели карточек?

Эдвард Арутюнян, вы тогда лучше напишите с какими проблемами столкнулись, думаю сможем решить.

Есть ли скрипт вращения DIV по кругу?

DrunkMaster, тогда стоит сначала определить условия, например должен ли элемент возвращаться плавно на исходное место по повторному клику и тому подобное.

Как в forEach использовать await?

+1 первому совету. Я себя вооот так чувствую, когда вижу на тостере адекватные советы.

Как побороть проблему console.log в JavaScript?

seredaes, вопрос дебагера не раскрыт - это как? На вашем скрине я вижу snapshot объекта и его динамически вычисленное состояние, то есть в строке вывода консоли вы видите просто копию того состояния объекта которое было на момент вывода, а при клике просите дебагер показать вам актуальное состояние. В общем всё работает как и положено и проблемы в этой никакой нет, т.к. это всего лишь "старый" лог.

Как вывести код красиво?

Я ничего не понял в вопросе, но кажется JSON.stringify это как раз то что нужно, например как-то так:

HTML
<pre id="pretty_code"></pre>

JS

obj = {
    value: 2,
    inner_object: {
        other_value: 'string',
        number: 567
    }
};

pretty_code.textContent = JSON.stringify(obj, null, 4);

Как создать JS апплет который бы включал один из класов в зависимости от исходного кода страницы?

uskaritel, Серьёзно, не очень понятно какого ответа вы ждёте. Как называется то что вы хотите написать я вам уже сказал - это можно сделать например юзерскриптом, вся инфа есть в гугле. Как они выглядят и к чему имеют доступ можно также найти в поиске, например вот это. Берёте и в этом скрипте обращаетесь к нужным элементам и объектам абсолютно так как же это делается обычно. Например чтобы добавить класс можно пользоваться classList.

Лучше пишите что вам будет в примерах юзерскриптов непонятно.

Как создать JS апплет который бы включал один из класов в зависимости от исходного кода страницы?

Всё описанное реально и даже довольно просто, в принципе большинство юзерскриптов этим и занимаются. В чем именно вопрос?

Где собраны образцы топовых лендингов?

Вполне рабочие идеи для лендингов, например эта - www.stolzlechner.at .

Кто подскажет про вложенные области видимости в js?

Удаляйте вопрос.

Как запретить скролл body на iPhone?

Дело в том, что скрывать overflow это вполне рабочий вариант. Если у вас все равно работает, то лучше покажите пример.

Как починить регулярное выражение?

g забыли

Почему теряется контекст?

Потому что при вызове obj.method() вы вызываете этот метод в контексте obj, а при вызове foo(obj.method) вы в функцию foo просто передаёте ссылку на функцию method объекта obj.

Не получаеться вставить больше одного правила в @media запросс css:((?

Пример на jsfiddle сделайте, т.к. код вроде рабочий.

Конвертер готового исходного кода PHP/JS в трудозатраты (специалисты: часы и рейт по каждому)?

xmoonlight, вас же уже один раз банили за флуд, не? Не хотите оформлять ТЗ - не надо, к чему это всё. Значит, sim3x не принесет пользы для вашего вопроса.

Как создать ненаследуемый метод?

Оффтоп наверное, но скажите пожалуйста в каких случаях вы это используете?

То есть мой вопрос не в этом на самом деле, я просто смотрю и мне кажется что вы изобретаете JSON.stringify:

obj = {
	a: 'first',
	b: 2,
	c: [ 'second', 3, {} ]
};

console.log( JSON.stringify( obj, null, 4 ) );

// {
//     "a": "first",
//     "b": 2,
//     "c": [
//         "second",
//         3,
//         {}
//     ]
// }

Какие есть способы сократить данную строку?

Если речь о том чтобы сделать generic проверку, то наверное как-то так:

var classes = [ 'search', 'search_input', 'cancel_btn' ];

if ( classes.some(class_name => target.classList.includes( class_name )) ) {
  cancelSearch();
}

Или в метод пихнуть:

HTMLElement.prototype.hasAnyOfClasses = function( classes ) {
	return classes.some(class_name => this.classList.includes( class_name ))
}

if ( target.hasAnyOfClasses([ 'search', 'search_input', 'cancel_btn' ]) ) {
  cancelSearch();
}

Как поймать исключение в асинхронной функции?

DTX, можно например ловить его в глобальном обработчике, window.onerror.