WapSter

https://css-tricks.com/methods-contrasting-text-ba...

$('body').on('click', '.answer-item', function() {
  $(this).toggleClass("active");
});

А вы то сами как думаете, почему? Вы ставите обработчик на элементы, потом добавляете новые элементы, а обработчика на них нет, никто же его не ставил, верно? Нужно использовать делегирование:

$(document).on('click', '.answer-item', function() {
  $(this).toggleClass("active");
});

Как узнать

Нажать F12 и открыть панель Network.

Знать бы что у вас в коде...
Но наверное, нужно поменять fixed на absolute.

Потому что в селекторе " + #header" лишний. Ибо его нет на месте

0 - индекс в массиве. В вашем случае document.getElementsByTagName('span') - массив. И вы используя "[0]" обращаетесь к 1му элементу этого массива. (счет индексов в js с 0)

В приложении должен быть один и только один источник правды. На роль такого источника очень хорошо подходят хранилища состояний, предоставляемые такими библиотеками, как redux/mobx/vuex/...
Если в приложении несколько источников правды, то раньше или позже между ними возникнет конфликт, который приведет к трудноотлаживаемым багам.

Говоря совсем простым языком, пока некое состояние модуля/компонента сугубо локально, то есть не влияет ни на что за пределами этого компонента - его можно (а зачастую и нужно) хранить локально, но при этом обязательно абсолютно соблюдать инкапсуляцию этого состояния, ибо как только оно "протекло" во вне, оно перестает быть локальным и становится общим, а там уже и до нескольких источников правды недалеко.
Хранилище состояния же решает эту проблему, становясь тем самым единственным источником правды, которому все могут доверять.

Ну скажет один: "Профессионально", другой: "Не профессионально". Почему это должно оказывать влияние на вашу точку зрения?
Если у вас нет собственной точки зрения, копать нужно глубже.

Обычно для этого используют дизайнера.

Если его нет под рукой, то можно поискать готовые шаблоны на том же themeforest.

Ну или взять один из сотен css-фреймворков и собрать самому.

Я бы переформулировал вопрос: "Когда мне нужно использовать сторонние библиотеки вместо чистого JS?". :)
Ответ на него прост:
Только когда увеличение скорости разработки (использование сторонних библиотек) не идёт в ущерб производительности кода всего приложения.

В вашем примере значение count передается по ссылке, поэтому через секунду значение этой переменной будет 10.

Вот тут хорошее описание: ссылка