Kalendarz/tabela w JS -graficzne przejście 31/1

Question

Cześć. Chciałbym odpowiednio określić przejście kończące miesiąc i rozpoczynające kolejny.. Jak widać w moim dość trywialnym kodzie ( https://jsfiddle.net/E1XP/jzv2ba4p/4/ ) szary odcinek nowego interwału nie rozpoczyna się od 1edynki, a od ostatniego dnia poprzedniej, jeszcze nieresetowanej pętli. Pewnie wystarczy jakaś szybka poprawka, pytanie jaka?

Answer 1

W twoim kodzie w przypadku gdy jesteśmy w polu 31:

Wpisujemy do pola nr 31, potem zwiększasz nr++ czyli nr=32, if(n>31) jest prawdą więc m++,

m jest równe 1 więc do pola liczbą 31 zostanie dodany szary kolor czcionki :)

Wystarczy zamienić ze sobą kolejnością 2 if'y. If(m == 1) powinień być przed if(n>31)

Answer 2

a tak na marginesie, bo kolega jak widzę po zielonym ptaszku rozwiązał już Twój problem :) to polecam zapoznać się z 

document.createDocumentFragment()

żeby nie modyfikować co chwilę DOM w każdej iteracji pętli for. Lepiej stworzyć "fragment" dokumentu i dopiero na koniec dodać do np. poprzez appendChild albo insertAdjacentElement (pozwala nieco bardziej precyzyjnie określać miejsce wrzucenia elementu).

Ponad to jaki sens ma konstrukcja switch(i) z jednym tylko możliwym warunkiem? W takiej sytuacji czytelniej wg mnie użyć po prostu "if".

Pozdrawiam