jsで配列内の文字を改行したいです。

質問

次のjsの文章があります。
<script type="text/javascript">
function kotae()
{
ten=0
if((f.q1.value == "松山市"&&f.q2.value == "高松市")||(f.q1.value == "高松市"&&f.q2.value == "松山市")){f.q1.style.backgroundColor="aqua ";ten = ten + 50}
else f.q1.style.backgroundColor="red"
if(f.q3.value == "名古屋市"){f.q3.style.backgroundColor="aqua ";ten = ten + 25}
else f.q3.style.backgroundColor="red"
if(f.q4.value == "金沢市") {f.q4.style.backgroundColor="aqua ";ten = ten + 25}
else f.q4.style.backgroundColor="red"
f.tokuten.value=ten
const keywords = ['あいうえお','かきくけこ', 'さしすせそ'];
if (f.tokuten.value=50) {
for (let i = 0; i < keywords.length; i++) {
console.log(f.rank.value=keywords[0]);
}}
else if(f.tokuten.value >=20){f.rank.value = 'B'}
else if(f.tokuten.value >=15){f.rank.value = 'C'}
else if(f.tokuten.value <10){f.rank.value = 'D'}
//ここまで
}
</script>
これは、1問目と2問目をそれぞれ松山市と高松市と入力すれば50と出力されるようなプログラムになっています。
さらに、そこに加えて、それとは別に配列が用意され、50の場合には、あいうえおと出力されるようなプログラムになっています。
ところが、例えば仮にあいうとえおという風に開業することができません。
もとから配列はそのような挙動は不可能なのでしょうか。
配列でも文章内改行が可能であればそれを使いたいのですが…。

回答No.5

_kappe_

元の質問文の中でconsole.log()を使って出力していたので、console.log()で改行できる方法を回答No.1に書きました。フォームに表示する際に改行したいのであれば、そのフォーム表示部分を示してください。

回答No.4

t_ohta

＞　ボタンを押してフォームに表示するシステムが影響しているのか、<br>も、\nも何もかも改行にはなりませんでした。

フォームの構造に問題があるんじゃないでしょうか。

回答No.3

t_ohta

テキストとして改行したいのであれば、他の方が書かれているように改行コードを追加すればいいですし、HTMLの表示結果として改行したいのであれば <br> を追加する必要があります。

補足

ボタンを押してフォームに表示するシステムが影響しているのか、<br>も、\nも何もかも改行にはなりませんでした。

回答No.2

AsarKingChang

￥ｎ（わざと全角で書いてます）
半角なら\nですね。

回答No.1

_kappe_

文字列の中に改行を含めるにはエスケープシーケンスというものを使います。
'あいう\nえお'のように\nを入れてみてください。
ただ、\は注意が必要な文字で、使っているフォントによってバックスラッシュ（左上から右下への斜めの線）のように見えたり円記号（￥の横幅が狭いもの）に見えたりします。

参考 https://www.javadrive.jp/javascript/string/index3.html