Breaking News: Grepper is joining You.com. Read the official announcement!

How to include multiline conditional inside template literal

Determined Dragonfly answered on December 20, 2021 Popularity 3/10 Helpfulness 1/10

answer How to include multiline conditional inside template literal

How to include multiline conditional inside template literal

Comment

// example 1
const title = 'title 1';
const html1 = `${title ? `<h2>${title}</h2>` : '<h2>nothing 1</h2>'}`

document.getElementById('title-container-1').innerHTML = html1;

// example 2
const title2= 'title 2';
const html2 = `
	${title2 ? 
  	`<h2>${title2}</h2>` : 
  	"<h2>nothing 2</h2>"
  }`

document.getElementById('title-container-2').innerHTML = html2;

// example 3
const object = {
	title: 'title 3'
};

const html3 = `
	${(title => {
      if (title) {
        return `<h2>${title}</h2>`;
      }
	  	return '<h2>Nothing 3</h2>';
		})(object.title)
	  }
`;

document.getElementById('title-container-3').innerHTML = html3;

Popularity 3/10 Helpfulness 1/10 Language c

Source: stackoverflow.com

Tags: c conditional include multiline

Link to this answer
Share Copy Link