Дмитрий Ярощук

1. RTFM

Метод includes() проверяет, содержит ли строка заданную подстроку, и возвращает, соответственно true или false.

Метод startsWith() помогает определить, начинается ли строка с символов указанных в скобках, возвращая, соответственно, true или false.

2.

(letterElement) => letterElement.includes(letterElement)

Строка всегда содержит саму себя.

Потому что Вы не прочитали документацию по методу.

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Возвращаемое значение
Массив, содержащий удалённые элементы.

Соответственно, return [].splice() возвращает массив из элементов, которые были удалены.
А ещё метод - деструктивный. То есть меняет исходные данные. arrayTaskOne, объявленный вне функции, изменился, а это не хорошо.
Почему не хорошо? Гуглите по теме: чистые функции, сайд эффект

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Возвращаемое значение
Массив, содержащий удалённые элементы. Если будет удалён только один элемент, вернётся массив из одного элемента. Если никакие элементы не будут удалены, вернётся пустой массив.

const arrayTaskOne = ['a','b','c','d'];
function functionTaskOne (array) 
    let newArray = array;
    newArray.splice(0, 4, 'e', 'f', 'g', 'h');
    return newArray;
}
console.log(functionTaskOne(arrayTaskOne));

В alert нельзя ввести никакое значение.
У вас, если введён хоть один символ, то всегда выполняется третья ветка, так как numOrStr == numOrStr.
Для понимания можно расписать case как цепочку if/else

if (numOrStr == null) {
  console.log('вы отменили');
} else if (numOrStr == '') {
  console.log('Empty String');
} else if (numOrStr == numOrStr) { // условие всегда истинно
  console.log(' number is Ba_NaN');
} else {
  console.log('OK!'); // недостижимый код
}

Кроме того, prompt всегда возвращает строку, чтобы проверить, что введено число, надо попытаться преобразовать строку и убедиться, что получен не NaN. Сделать это можно через isNaN(Number(numOrStr)).

Prompt всегда возвращает строковый тип данных, даже если вы туда введете число. Поэтому у вас и не проваливается в default
https://developer.mozilla.org/ru/docs/Web/API/Wind...

Ну можно же просто поработать со строкой внутри alert)

alert(`Пользователь ввел ${num1} + ${num2} и получил ${sum}`);

<div class="popup-payment__wrapper" id=popupPaymentWrapper">

Кавычку пропустил в id

Вы обращаетесь к родительскому элементу. Попробуйте добавить span и применить нужные свойства к нему.

<div class="popup-subscribe__box popup-subscribe__box-name">
  <label class="popup-subscribe__label" for="popup-subscribe__name">Enter your name</label>
  <input class="popup-subscribe__input" id="popup-subscribe__name" type="text" name="Name" placeholder="Anastasiia" required>
  <span></span>
</div>

span {
  position: relative;
}

span::after {
    content: "+";
    position: absolute;
    top: 0;
    right: 17px;
    transition: all ease-in 0.3s;
    transform: scale(0);
    background-color: #1ED760;
}

.popup-subscribe__input:valid + span::after {
    transform: scale(1);
}

по идее все у вас работает.
Бордера не видно из-за outline.
Пропишите инпуту: outline: none

Вот здесь:

.title:hover ~ .title::after {
    transform: rotate(180deg);
}

При наведении на элемент .title, вы пытаетесь применить трансформацию псевдоэлементу :after, используя при этом селектор следующего элемента, который работает совсем по другому.

Чтобы менять стили псевдоэлементов, при наведении на родительский элемент, используется такая комбинация:

<element>:hover::after { /* ... style */ }

То есть для решения проблемы, нужно сделать так:

.title:hover::after {
    transform: rotate(180deg);
}

.accordion__wrapper.active .accordion__button::after {
    transform: translateY(-50%) rotate(180deg);
}

Картинка не найдена, значит:
1) не верный путь
2) отпечатка в пути или в названии

Попробуйте перепроверить путь и изменить на такой
src="./images/button-next.svg"

или так
src="../images/button-next.svg"