Дмитрий Добрышин

После того, как вы что-либо записываете в innerHTML, объекты пересоздаются заново, а старые уничтожаются. Этот подход не самый хороший. Лучше сразу создайте все span элементы и управляйте их видимостью через классы/стили.

Например как здесь описано.
Ключевые слова mousedown, mousemove.

Делайте расчёт либо в каждом событии изменения, либо создайте функцию/метод и обращайтесь к нем из всех мест, где производится изменение.