L1nks

Немного странная структура html.
Если вам надо, чтобы у вас была кнопка, которая чистит значение в инпут и при этом сам инпут был внутри этой кнопки, то лучше сделать так

<button class="button-third">
  <input type="text" class="input-third" />
  X
</button>

document.querySelector(".button-third").addEventListener("click", (evt) => {
	console.log("button click")
});

document.querySelector(".input-third").addEventListener("click", (evt) => {
	evt.stopPropagation();
	console.log("input click")
});

Чтобы события с дочернего элемента не поднимались вверх и не вызывали родительские, вам необходимо использовать stopPropagation()
Документация: тык

state.filter(name => name!== action.name),
На вопрос почему `filter` не сработал.
Предположим у вас есть массив
[{name: 'Theodore Roosevelt', age: 27}, {name: 'Theodore Roosevelt', age: 25}] и вы хотите пройтись по нему фильтром.
`Filter` принимает callback функцию, которая будет вызвана для каждого элемента массива. Первый аргумент в этой функции будет сам элемент. И когда вы пишете `name` то в этом значении будет объект
{name: 'Theodore Roosevelt', age: 27}, то есть, чтобы ваш код сработал вам надо было написать
state.filter(name => name.name!== action.name),

Точку забыли поставить, когда ищете querySelector'ом.

<script>
        const LikeButton = e => {
            e.target.classList.toggle('element-grid__like-button_active')
        }

        document.querySelector('.element-grid__like-button').addEventListener("click", LikeButton)
    </script>

Всё правильно. Смотри. Предположим ты написал букву "c". Идем по циклу c == c ?Да, присваиваем значение в массив, потом идет следующее значение и тут уже значения c == a не равны, поэтому выполнится условие else if.
Наверно цикл можно переписать на тернарный оператор. Возможно кто нибудь предложил лучшее решение

let guess = prompt();
    let word = "cat";
    let remain = word.length;

    word.includes(guess) ? res.push(guess) : alert('no')

Если я правильно понял вопрос, то красная зона это размер блока nav.
Он увеличился в размера, так как у тега ul есть стандартные paddding's и margin's
Если их обнулить, то размер будет подстраиваться пол размер списка элементов

Когда внутри функции powFunct вы вызываете pressPower, то она вам возвращает функцию, а не какое то значение.
Вы можете попробовать сделать так:
number = pressPower()() ** n;
Либо для начала создать новую переменную и туда передать новую функции из pressPower. И как заметили в комментариях, не хватает логики, откуда берется инпут например

У вас ошибка в коде
elem.checked = 'false'
А должно быть
elem.checked = false
Так же можно сделать, если хотите, чтобы статус менялся при нажатии на кнопку
elem.checked = !elem.checked;

Вы можете контейнер `contacts__item` сделать флекс контейнером, и потом `contacts__map` задать
flex-grow: 1;
В таком случае блок с картой у вас будет растягиваться, но у вас у родительского контейнера есть вн. паддинги 30px, если вы хотите, чтобы карта занимала всю ширину до границы, то уберите нижний паддинг

return character === 'Энакин Скайуокер' ? 'Дарт Вейдер' : character;

Замените

gulp.task('sass:watch', function () {
  gulp.watch('./sass/**/*.scss', ['sass']);
});

На

gulp.task('sass:watch', function () {
  gulp.watch('./sass/**/*.scss', gulp.series('sass'));
});

Добавьте позицию для блока
top: 0;

А почему у вас должна сработать эта функция?
У вас это обычная функция, а passport и passport2 это 2 объекта у которых нет никаких методов.
Если вы хотите вызвать views с контекстом passport или passport2 ,вам необходимо привязать их контекст к этой функции. Например:

const views = function(){
      return this.age + this.name;
    },
    passport = {
      age: 13,
      name: 'name'
    },
    passport2 = {
      age: 14,
      name: 'name1'
    };
    console.log(views.call(passport));
    console.log(views.call(passport2));

Если вы хотите, чтобы у объектов был данный метод, то можете воспользоваться конструктором

class Passport {
  constructor(age, name) {
    this.age = age;
    this.name = name;
  }
  
  views() {
    return this.age + this.name;
  }
}

const passport1 = new Passport(14, "name1");
const passport2 = new Passport(12, "name2");

console.log(passport1.views())
console.log(passport2.views())

Потому что "+" это соседний селектор, он выбирает элемент, который следует прямо за предыдущим.
В вашем случае вы можете сделать вот так

По спецификации последним должно идти font-family