Почему не рендится таблица?

Question

[campus1]

Доброй ночи господа.
Подскажите, где я туплю. При нажатии на <, должна рендится новая таблица с предыдущим месяцем.

То есть сначала у нас отображается текущий месяц знач которого 11makeCalendar(currentMonth), при клике я вызываю makeCalendar(currentMonth - 1), но оно не меняется визуально.

Код

Спасибо за помощь.

Answer 1

[0xD34F]

Ошибка номер раз - html-код вы сгенерировали, но засунуть его пытаетесь куда-то не туда (туда - это view.innerHTML).

Ошибка номер два - обработчик клика после первого переключения месяца отвалится, поскольку элемент, к которому он привязан, будет удалён. Либо назначайте обработчик заново при каждом переключении месяца, либо делегируйте обработку клика элементу, который не будет перетираться при переключении (view, например).

Comments

[campus1]

Не понял про 1 ошибку.

[0xD34F]

campus1, переменная cal - зачем вы ей присваиваете html-код календаря?

[campus1]

0xD34F, Ну что пихнуть в inner, или лучше сразу в inner уже вызывать ф-цию?

[0xD34F]

campus1, а чо не пихаете-то? Потому и "не рендерится таблица".

Сразу - да, view.innerHTML = makeCalendar(....

[campus1]

0xD34F, Хорошо спасибо.
Еще вопросик

назначайте обработчик заново при каждом переключении месяца

Это что-то по типу

view= document.getElementById("calendar-div");
  view.addEventListener("click", function(){
//some actioons
view.addEventListener("click");
});

или что?..Не пойму.

[0xD34F]

campus1, нет. Определяете обработчик отдельно, как-то так:

function prevClick() {
  view.innerHTML = makeCalendar(--currentMonth);
  view.querySelector('#prev').addEventListener('click', prevClick);
}

view.querySelector('#prev').addEventListener('click', prevClick);

[campus1]

0xD34F, Ага, принял. Спасибо вам. Буду что-то пробовать.