Игорь

скорей всего в статье используется старая версия webpack, c версии 4+ extract-text-webpack-plugin не поддерживается. Вместо него рекомендуется использовать mini-css-extract-plugin
Не рекомендую следовать устаревшей статье, т.к с 4-ой версии API довольно сильно изменилось, лучше читать документацию
Ну или откатить у себя webpack до 3 версии.

Для отслеживания изменений в DOM существует MutationObserver

var target = document.querySelector('#foo')

var observer = new MutationObserver(
  function(mutations) {
    mutations.forEach(function(mutation) {
      var size = 50 - target.textContent.length
      target.style.fontSize = size + 'px'
    });    
  }
);

observer.observe(target, { childList: true });

https://jsfiddle.net/6d869a3v/

Добавь событие изменение блока и запускай его, в местах изменения суммы, типа того: https://jsfiddle.net/orlov0562/nsay42ga/

Другой вариант, добавить скрытый input, ему в onchange написать логику проверки значений, и передачу в нужный div: https://jsfiddle.net/orlov0562/yo7yj6vc/

Вообще, такую хрень можно сделать на любом слайдере.
Но есть и специальные https://www.freshdesignweb.com/fullscreen-jquery-s...
Мой любимый Vegas Background jQuery Plugin

$(document).on('click', '.deleteBtn', function() {
	$(this).parents('li').remove();
});