цикл while не нужен - он у вас бесконечный

сумма
let sum = 0;
for (ваши условия) {
  sum += arr[i];
}
console.log(sum);

Мне нужно решить задачу
Напишите скрипт который:

 - Запрашивает по очереди числа при помощи prompt и сохраняет их в массиве.
   Используйте do...while.
 - Проверять что пользователь ввел не число не обязательно
 - Заканчивает запрашивать числа как только пользователь нажмёт Cancel.
 - После того как ввод был завершен, если массив не пустой,
   скрипт выводит сумму всех значений массива: "Сумма: <сумма всех значений в массиве>"
   Используйте цикл for..

ну и заполнение массива через prompt - устарело лет 7-8 назад.

Александр это условие задачи такое

Вроде же для сессии еще рано?

Богдан, Вам конкретно очень поможет книга серии Head First по Javascript.
Она 2014 года последняя, вроде как, но очень поможет понимать самые общие принципы. Она короткая, около 400 страниц картинок. Попробуйте.

спасибо уже начал ее читать

https://codepen.io/Bodfx/pen/XWmVyRp?editors=1011 Если не сложно подскажите по примеру

Можно как нибудь сделать, чтобы стили в классе, который я добавляю через classList.add срабатывали плавно? Ведь в toggle они срабатывают плавно. Как меня этот javascript достал такими мелочами.

заранее пропиши transition для нужных стилей элемента

я это уже сразу прописал, все равно не работает.

ошибка на 5й строке

гуглил у людей также

может, ты display:none плавно решил менять?
Какой стиль у тебя не работает?

короче transition не работает через classList.add можешь даже загуглить.

transition задается изначально, свойства уже которые меняются потом

Нет, логика такая:
на класс1 вешаешь нужные стили и transition для новых стилей, которые будут в новом классе2.
и дальше добавляешь класс2 и тогда будет всё работать. Олег прав.

да я везде транзишн прописал, неработает. да загуглите вы уже