MagnusDidNotBetray

Ещё можно так:

const colorsList = {
  'cold': [
  	'blue',
  	'green'
  ],
  'warm': [
    'red',
    'yellow'
  ]
};

let colors = 'cold';
console.log(colorsList[colors][0]) // blue

Ровно два if'a:

function begin(begin , end) {
	for(let i = begin; i <= end; i++) {
		let res = '';
		if(i%3 === 0) {
			res += 'Fizz';
		}
		if(i%5 === 0){
			res += 'Buzz';
		}
    res = res || i;
    console.log(res);
	}
}

var array = ['color', 'red']
document.getElementById('element').style[array[0]] = array[1];

Так?

Не работает, потому что ошибок много.
Не else(clickCount == 2), а
else if(clickCount == 2)
Не "background-color", а "backgroundColor"
Счетчик нужно обнулить, как сказали выше.

Как может меняться активный класс, если вы нигде его не меняете?

Для начала, на мобильной версии, элементу .takeout-nav задайте ширину 100vw, чтобы он прокручивался. Далее, в том месте, где вы добавляете пункту меню активный класс, добавьте примерно такой код:

const container = document.querySelector('.takeout-nav');
let containerRect = container.getBoundingClientRect();
let activeOptionRect = activeOption.getBoundingClientRect(); //activeOption - пункт меню, на который навешивается .active
if (containerRect.left + containerRect.width < activeOptionRect.left + activeOptionRect.width){
  container.scrollLeft += activeOptionRect.left - containerRect.left;
}
else if (activeOptionRect.left < containerRect.left){
  container.scrollLeft -= containerRect.left - activeOptionRect.left;
}

Первое что пришло в голову, возможно нужно допилить.

Какой-то странный у вас код, логика сильно хромает. Зачем перебирать массив карт, и искать номер карты, если этот номер уже ввели? Вместо того чтобы положить деньги на счёт, вы перезаписываете его значение на то, что ввел юзер:
cash[i] =Number( prompt('Сколько положить?'))
А когда уже перезаписали, только потом валидируете введенное значение:
if(cash[i]>-1001 && cash[i]<=1001)
Это вас на курсах каких-то такому учат, или что?

Наверно, это должно выглядеть так:

let card =[0,1,2,3,4,5,6,7,8,9];
let cash = [0,0,0,0,0,0,0,0,0,0,0];
let sum=0;

let number = Number(prompt('Какая карта?'));
while (number < 0 || number > 9){
  number = Number( prompt('Какая карта?'));
}
let value = Number(prompt('Сколько положить?'));
while (value < -1000 || value > 1000){
  value = Number(prompt('Сколько положить?'));
}
cash[number] += value;
for (let i=0; i < cash.length; i++){
	sum += cash[i];
}
alert(`Сумма по картам: ${sum}`);

scrollIntoView()

Что-то такое придумал

let clock = document.querySelector('.clock');
let arrColors = ['rgba(255, 0, 0, .1)','rgba(255, 0, 0, .2)','rgba(255, 0, 0, .3)','rgba(255, 0, 0, .4)','rgba(255, 0, 0, .5)','rgba(255, 0, 0, .6)', 'rgba(255, 0, 0, .7)', 'rgba(255, 0, 0, .8)','rgba(255, 0, 0, .9)', 'rgba(255, 0, 0, 1)'];

const changeColor = (color, delay) => {
  clock.style.filter = `drop-shadow(0 0 14px ${color})`;
  return new Promise((resolve) => setTimeout(resolve, delay));
}
setInterval(async function(func){
  for(let i = 0; i < arrColors.length; i++){
    await func(arrColors[i], 2000);
  }
}, arrColors.length * 2000, changeColor);