Шохрух Шаймардонов

как сравнить значение, если например 0 - соотв. этому значению добавляем класс

Не понятно что вы хотите

if (count < 0) {
    item[i].classList.add('zero');
  }

Вы сравниваете значение на то, что оно меньше 0. Но у вас нет таких значений. Ковыряйте тут

Тут 9 идей для проектов. Некоторые из них не новые, но они собраны с тем условием, что ты как разраб охватишь самые разные инструменты и темы у языка

Самый простой способ, сделать высоту иконки (либо его обертки) 100% от высоты родителя.
Я бы вовсе иконку вывел как псевдокласс (в данном случае before), т.к. она всего лишь декорация для красоты

Не нашел сам вопрос (затерялся), но нашел ссылку на туториал, который там был указан (хоть его вспомнил)
Вот сам
туториал на ютуб

Сейчас, только сначала достану свой хрустальный шар и посмотрю как у вас выглядит JSON с числами...

Если вы хотите на коленях наклепать, то дело на пару дней. По сути ничего сложного нет. Но если Вам нужен полностью защищенный продукт для рынка, то тут уже минимум 2 человека и командная работа.
P.s. про либы, не скажу, правильный вопрос в гугл и среди первых 10 ссылок ответы будут.

// Применит абсолютно всем дивам у которых родитель .ota
.ota:hover div

или

// Применит всем дивам, являющимся напрямую дочерними элементами (не внукам)
.ota:hover > div

Стоило бы научиться гуглить
вот

Вроде вы ищите это

Уберите высоту кнопки

Прошу совета у бывалых.

Вы думаете они использовали ради обычной верстки столько вещей? У них был макет, редактор/ide и гугл.
Да и советую вам использовать "технику":
получили итоговый дизайн, возьмите и наглядно определите для себя прототипы (количество блоков, вложенности и прочее) потом от общего переходите к частному. Если ради скорости(упуская качество кода) то используйте готовые css/js либы.
Но лично я делаю как выше описал и в последнее время по минимуму использую либы.
Сначала фасткодинг, а потом уже чистка кода, правка багов

То что вы просите вряд ли найдется, но тут есть сниппеты js посмотрите qs, qsa и другие

function add() {
  return [...arguments].reduce((acc, cur) => acc + cur, 0);
}

console.log(add(1,2,3));

Проверку аргументов на условие делайте сами

elem.addEventListener('mouseover', e => {
  e.target.play()
});
elem.addEventListener('mouseout', e => {
  e.target.stop() //pause() вроде
})

Тут попробуйте преобразовать.

Margin/padding используется для установления отспутов у элемента, в то время как position для его позиционирования