“Używanie literałów szablonów do tworzenia HTML” Kod odpowiedzi

Używanie literałów szablonów do tworzenia 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

szablon JavaScript literały 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

Odpowiedzi podobne do “Używanie literałów szablonów do tworzenia HTML”

Pytania podobne do “Używanie literałów szablonów do tworzenia HTML”

Więcej pokrewnych odpowiedzi na “Używanie literałów szablonów do tworzenia HTML” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu