【JavaScript】HTML文字列を改行できない、innerTEXTとinnerHTMLの違い - Qiita

概要 JavaScript(Vanilla JS)でのアプリを開発中に、HTML文字列を改行できない点で悩んだことがありました。 この記事では、その原因と解決方法を書いています。 やりたかったこと JavaScriptのテンプレートリテラル内に記載したHTML文字列を、改行して表示したい 下画像のように、ステータス状態とそのタスク数を改行して表示させたい （イメージ図が雑な点はお許しください） 今回開発したのは、TODOリストアプリです。各タスクステータスを表示するという仕様の実装段階でつまづきました。 できなかった内容詳細 下記画像のように改行なしで、1行で表示される 改行していてもしていなくても、どちらでもユーザが得られる情報に変わりはないのですが。。。 個人的に、改行有りの方がより見やすいかなと思い、修正したかったのです。 原因 innerHTMLで文字列を置き換えていたため 解決方