Как можно шаблонизировать данный JS?

Question

[Роман Прогрессив]

Как можно шаблонизировать данный JS?

var h=(new Date()).getHours();
            if (h > 3 && h <  12) document.writeln("Доброе утро, {login}!");
            if (h > 11 && h <  18) document.writeln("Добрый день, {login}!");
            if (h > 17 && h <  24) document. writeln("Добрый вечер, {login}!");
            if (h > 23 || h <  4 ) document. writeln("{login}, почему не спишь?");

мне надо что бы было вот так:

var h=(new Date()).getHours();
            if (h > 3 && h <  12) document.writeln("<h4>Доброе утро, <div class="login-name">{login}</div>!</h4>");
            if (h > 11 && h <  18) document.writeln("<h4>Добрый день, <div class="login-name">{login}</div>!</h4>");
            if (h > 17 && h <  24) document. writeln("<h4>Добрый вечер, <div class="login-name">{login}</div>!</h4>");
            if (h > 23 || h <  4 ) document. writeln("<h4><div class="login-name">{login}</div>, почему не спишь?</h4>");

Ну после шаблонизации не выводится JS

Answer 1

[Dies Irae]

У вас двойные кавычки закрываются в середине. Либо экранируйте символы, либо так:

if (h > 3 && h <  12) document.writeln("<h4>Доброе утро, <div class='login-name'>{login}</div>!</h4>");

"asd 'dsa'"