Gagatyn

Можно на листочке, можно че нить написать. Раз ответ известен, то поделюсь своим видением решения. В алгоритме 4 неизвестные Q, V, W, Z [d*Q+r*V, d*W+r*Z]; Для Получения массива B нужно сделать выборку из A размерности n [n,1] [(n-1),1] [n,2] [n,3] [n(-1),2] [(n-2),1] [(n-3),1] [(n-2),2] [(n-1),3] (если я не опечатывался, выборка идет змейкой по диагонали) 2 цикла дают перебор i и j + признак четной и нечетной строки (2шт) и оперируя этими 4мя значениями надо составить Q, V, W, Z таким образом чтобы совпал порядок выборки. Далее найденые значения подставить в эту формулу (2Q+W)(V+2Z) и сопоставить ответ.
Вот только я одного не пойму, приведенный алгоритм не позволяет полностью закодировать массив А.
мб опечатка в условии

нц для j от 1 до i

У меня дискретной математики не было, но решал бы так. Есть утверждения:

Л: Пс Бд
П: Лс Бд
Б: Лс Пе

Найдём пару утверждений из которых один оба раза сорвал, другой оба раза сказал правду. Поскольку утверждения Л-П связаны через Бд, а П-Б через Лс, остаётся пара Л-Б – кто-то из них оба раза правда, другой оба раза ложь.

Ложное утверждение обозначу с воскл. знаком (логическое НЕ) – например, !Лс.

Итак, один раз соврал и один сказал правду, выходит, Пончик: П: !Лс Бд

Чтобы Лс было ложным, надо так же сделать ложными утверждения Б. Значит, Б оба раза соврал, а Л оба раза сказал правду:

Л: Пс Бд
П: !Лс Бд
Б: !Лс !Пе

Итого, точно знаем: Пс и Бд. Остаётся Ле.
Ленчик – ель; Пончик – сосна; Батончик – дуб.

upd. Таблица истинности так составляется?

Л П Б  Пс Бд  Лс Бд  Лс Пе
0 1 2  0  0   1  1   0  1  конфликт Бд и Лс
0 2 1  0  0   0  1   1  1  конфликт Бд и Лс  
1 0 2  1  1   0  0   0  1  конфликт Бд
2 0 1  0  1   0  0   1  1  конфликт Бд и Лс
1 2 0  1  1   0  1   0  0  ОК
2 1 0  0  1   1  1   0  0  конфликт Лс

Переменные три: истинность утверждений каждого персонажа. Три возможных состояния: 0 – оба раза соврал, 1 – оба раза правда, 2 – соврал-правда. Дальше раскрываем их значение по каждому из утверждений (0 ложь, 1 истина). Во всех вариантах, кроме одного возникают логические конфликты.

codepen.io
отслеживать клик по родителю или по body

Скорее всего js файл не видит этот класс в html-document.

Госпаде, что за формулировочки...
Объясняю. Когда вы навешиваете событие, а элемента нет, естественно ничего никуда не навесится. Вот элемент появился, но код навешивания событий уже отработал, кто назначит событие? Вот поэтому и не работает.
Для разрешения таких ситуаций используют делегирование событий. Т.е. событие навешивают на родительский блок, который гарантированно изначально присутствует на странице, как бронебойный вариант - сам document, и в этом событии проверяют кто его инициировал (event.target). И если это наш элемент, то выполняют обработчик.

Если вы используете jQuery, то там для делегирования используется все тот же метод .on(), который цепляют к родительскому блоку, а вторым параметром передают селектор элемента, который нужно отслеживать (см. код приведенный пользователем tester_toster )

Надеюсь, я хоть немного заполнил ваши пробелы в знаниях и в следующий раз вы не будете писать "js не видит класс".

Сделай before и after им дай skew и заанимируй их :)
можно еще бутстрапом https://jsfiddle.net/vt43vpav/1/

https://jsfiddle.net/IonDen/phufb8yc/6/

1. У вас текстура корявая, нужно сделать плавно переходящую
2. Нельзя делать позиционирование фона в процентах здесь. Это работает по другому. 50% - значит центр, 100% значит правый край, а не то что вы могли подумать.