Ile razy człowiek się męczył aby zwykły formularz ze zmiennymi zapisać w js 😉
Z pokonaniem tego problemu sięgamy po template string. Używamy tego znaku (`) znajduje się on nad tabulatorem z angielskiego backtick, po naszemu odwrócony apostrof a zmienne umieszczamy w takiej formie ${zmienna}
Wszystko razem można zapisać `${zmienna}`
A teraz małe przykłady.
Powiedzmy że mamy sobie obiekt.
var person = {
name: 'Greg',
job: 'front-end',
city: 'Warszawa'
}A html to:
var html =
'<div class="person">'+
'<h1>' + person.name + '</h1>' +
'<h2>' + person.job + ' ' + person.city + '</h2>' +
'</div>';A nie prościej tak?:
const html = `
<div class="person">
<h1>${person.name}</h1>
<h2>${person.job} ${person.city}</h2>
</div>
`;