Skip to content

المعرفة:: JavaScript
الحالة:: ملاحظة_مؤرشفة
المراجع:: JavaScript Essential Training

String Output

Template Literals

```js:script.js
/**

const everydayPack = new Backpack(
“Everyday Pack”,
30,
“grey”,
15,
26,
26,
false,
“December 5, 2018 15:00:00 PST”
);

const content = `

${everydayPack.name}

  • Volume: ${everydayPack.volume}
  • Color: ${everydayPack.color}
  • Age: ${everydayPack.backpackAge()}
  • Number of pockets: ${everydayPack.pocketNum}
  • Left strap length: ${everydayPack.strapLength.left}
  • Right strap length: ${everydayPack.strapLength.right}
  • Lid status: ${everydayPack.lidOpen}

`;

document.body.innerHTML = content;

### Traditional String Concatenation  

<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String>  

```js  
const content = "<h1>" + everydayPack.name + "</h1>";

Last update : August 14, 2023
Created : August 23, 2022

Comments

Comments