Слава

console.log(
    $('#calc-table span').toArray().reduce((summ, current) => +current.innerText + summ, 0);
)

jsfiddle.net/8ugjcebg/5

Потому что в вашей функции создается своя локальная переменная s, которая ничему не равна. Вот и undefined.

Но даже если вместо {var s;} написать {var s = 1000;}
В алерте все-равно будет undefined, тк на момент вызова переменная не присвоена. Читайте теорию. Это обычное поведение

Потому что у div по умолчанию свойство display равно block
Что сообщает элементу - надо растянуться по размеру родителя.

Поставьте display: inline-block;
И тогда div будет тянутся по содержимому

копните в сторону табличных свойств. что-то на подобие футер ет боттом флексибл