テンプレートリテラルで改行させたい

Question

前提・実現したいこと

表示画面にテンプレートリテラルを使い文字と数値を表示させていて、枠内で文字が見づらくなってしまったため改行させようと思ったのですが、改行させることができません。

発生している問題・エラーメッセージ

これを            Score: 0 / 0 / 0
　　　　　　　　　    　↓
こうさせたいです。　　　Score: 0 
　　　            / 0 
　　　            / 0

該当のソースコード

scoreLabel.textContent = `Score: ${score} / ${quizSet.length} / ${timeLeft} `;

試したこと

enterキーでの改行、
改行させたいところに \n、
${}の中で改行させて試したのですが、できませんでした。

補足情報

innerHTMLとbrタグを使うことで改行させることができました。

scoreLabel.innerHTML = `${quizSet.length} <br>
      ${score} <br>
      ${timeLeft} `;

Answer 1

• innerHTMLにしてbrタグをいれる
• scoreLabelをpreタグにする

など。

Comments

[begine]

解決できました、ありがとうございます。

[m.ts10806]

結局、どのようにしましたか？
お礼よりフィードバックをください。

[begine]

innerHTMLとbrタグを使って改行させました。
補足に追加しました。

[m.ts10806]

見られたので分かるかと思いますが、バッククォートはマークダウンで意味を持つので見づらくなります。コード全体をcode機能を利用してください。

[begine]

教えていただきありがとうございます。
再度編集しました。

[m.ts10806]

OKです。お手数かけました