Переход на литералы шаблона

Question

Как мне изменить этот код:

var txt = "";
  txt += "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
  txt += "<p>Browser Name: " + navigator.appName + "</p>";
  txt += "<p>Browser Version: " + navigator.appVersion + "</p>";
  txt += "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
  txt += "<p>Browser Language: " + navigator.language + "</p>";
  txt += "<p>Browser Online: " + navigator.onLine + "</p>";
  txt += "<p>Platform: " + navigator.platform + "</p>";
  txt += "<p>User-agent header: " + navigator.userAgent + "</p>";

на литералы шаблона?Я пытался, но я делаю что-то не так.Кстати, редактор здесь не позволяет мне добавлять больше кода, иначе я мог бы показать вам, что я пробовал до сих пор.

Answer 1

Вот так:

var txt = `
  <p>Browser CodeName: ${navigator.appCodeName}</p>
  <p>Browser Name: ${navigator.appName}</p>
  <p>Browser Version: ${navigator.appVersion}</p>
  <p>Cookies Enabled: ${navigator.cookieEnabled}</p>
  <p>Browser Language: ${navigator.language}</p>
  <p>Browser Online: ${navigator.onLine}</p>
  <p>Platform: ${navigator.platform}</p>
  <p>User-agent header: ${navigator.userAgent}</p>
`;

Посмотрите на это, чтобы понять, как это работает: Литералы шаблонов