“Usando literais de modelo para criar HTML” Respostas de código

Usando literais de modelo para criar HTML

const createMarkup = function createMarkup(data) {
  // Just use the same syntax for node elements
  const markup = 
    `<ul id="listItem-${data.name}">
      <li>Name: ${data.name}</li>
      <li>Age: ${data.age}</li>
      <li>Gender: ${data.gender}</li>
      <li>Fav. Colour: ${data.colour}</li>
      <li>Lucky Number: ${data.number}</li>
    </ul>`;return markup;
};
Anthony Smith

Javascript Modelo Literais HTML

// Create our object
const person = {
    name: 'TopCoder2021',
    job: 'Software Developer,
    city: 'Los Angeles',
    bio: 'Tony is a really cool guy that loves to code!'
}

// And then create our markup:
const markup = `
 <div class="person">
    <h2>
        ${person.name}
    </h2>
    <p class="location">${person.city}</p>
    <p class="bio">${person.bio}</p>
 </div>
`;

document.body.innerHTML = markup
Anthony Smith

Respostas semelhantes a “Usando literais de modelo para criar HTML”

Perguntas semelhantes a “Usando literais de modelo para criar HTML”

Mais respostas relacionadas para “Usando literais de modelo para criar HTML” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código