Передать значение переменной JS в стиль CSS

Что бы передать значение стиля элементу, нужно обратиться к элементу, использовать функцию style и там прописывать, что именно вы хотите менять

Вариант 1:

Стиль применяется напрямую через названия переменных.

Пример:
Что бы установить background-color, я буду писать obj.style.backgroundColor

var score = 20 * 2.5; 
 
document.querySelector('#score').style.width = score + '%';

#score { 
  height: 100px; 
  background-color: red; 
}

<div id="score"></div>

Вариант 2:

Стили применяются через переменные из CSS

Пример:
Что бы установить background-color, я буду прямо писать obj.style['background-color']

var score = 20 * 2.5; 
 
document.querySelector('#score').style['width'] = score + '%';

#score { 
  height: 100px; 
  background-color: red; 
}

<div id="score"></div>