Запись в div сумм из нескольких span динамически по классу, как реализовать?

Удалось решить вопрос с помощью простого querySelectorAll. Как оказалось, он может искать не только по классу или по id, а еще и элементы по CSS селектору, в моем коде если в ячейке один span, то к div-у не применялись стили, а вот когда их два, я добавлял атрибут style="display:inline-block", чтобы цифры шли друг за другом, а не один над другим и не вылезали за границы ячейки, поиск на div-ы с таким стилем сработал так:

document.querySelectorAll('div[style="display:inline-block"]')

Запись в div сумм из нескольких span динамически по классу, как реализовать?

Алексей Дубровин, Огромное спасибо! Ваш пример так и не заработал, даже после удаления лишнего document во второй строке, консоль ругалась на то, что outHoursSum.forEach - это не функция, к HTML Collection метод forEach не применяется, обернул outHoursSum в Array.from(), и консоль перестала сыпать ошибки, но и работать не начала, и тут я понял, что событие addEventListener('change'); не срабатывает, начал гуглить, и действительно, все дело в том, что change на span элементах не работает, а работает только на "This event is limited to input elements, textarea boxes and select elements", так что я пошел гуглить в сторону MutationObserver, спасибо что натолкнули меня на интересную мысль!