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

JavaScript JavaScript JavaScript JavaScript JavaScript

Pytania podobne do “szablon JavaScript literały html”

Więcej pokrewnych odpowiedzi na “szablon JavaScript literały html” w JavaScript

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

Przeglądaj inne języki kodu

Shell/Bash

C++

CSS

HTML

Java

JavaScript

Objective-C

PHP

Python

Sql

Swift

Ruby

TypeScript

Kotlin

Assembly

VBA

Scala

Rust

Dart

Elixir

Clojure

Haskell

Matlab

Erlang

Cobol

Fortran

Scheme

Perl

Groovy

Lua

Julia

Delphi

Abap

Lisp

Prolog

Pascal

ActionScript

Basic

Solidity

PowerShell

GDScript

Excel