String template - new line doesn't show

Question

I\'m trying to use a template string to update infoDiv\'s text and for some reason all this text is in one line. What am I doing wrong? None of these solutions work - they\'re j

Answer 1

Style the div with white-space CSS property.

const counter = 22;
const time_minutes = 60;

infoDiv.textContent = `Hi!
It's a ${counter} question quiz.
It takes about ${time_minutes} minutes to solve it.
Are you ready?`

<div id="infoDiv" style="white-space: pre-wrap"></div>