JavaScriptの文字列を改行する方法、処理の改行可能か？～横が長くて見辛い～

中山テック 代表の中山です。

さて、最近ではゲーム系ブログにJavaScriptをガンガン書き込んでおります。

ちょっと重くなったかもですが

文字列を定数化させることが多いのですが、長くなってしまうこともしばしば。

所が普通に改行してしまうとエラーが発生します。

ではどのように改行すれば良いのか、文字列とプログラムの両方の観点からお話したいと思います。

文字

const gameRevueSelectList = ' \
    <select class="postform" onchange="location.href=value;"> \
    <option>★ゲーム関連ブログ一覧★</option> \
    <option value="https://nakayama-tech.com/2023/08/28/play-aster-tatariqus/">アスタータタリクス</option> \
    <option value="https://nakayama-tech.com/2023/06/13/play-archeland/">アルケランド</option> \
    <option value="https://nakayama-tech.com/2023/01/17/eat-hole-henkou-20230117/">イートホール</option> \
    <option value="https://nakayama-tech.com/2023/06/21/play-wolf-game/">ウルフゲーム</option> \
    <option value="https://nakayama-tech.com/2023/10/19/play-kasashojo-idle-rpg/">傘少女</option> \
    <option value="https://nakayama-tech.com/2022/12/14/play-cabala-legend/">カバラの伝説</option> \
    <option value="https://nakayama-tech.com/2023/11/08/play-kariz/">カリツの伝説</option> \
    <option value="https://nakayama-tech.com/2023/08/22/play-chronicle-of-infinity/">CHRONICLE OF INFINITY</option> \
    <option value="https://nakayama-tech.com/2023/09/26/play-gen-sangokukessen/">幻・三国決戦</option> \
    <option value="https://nakayama-tech.com/2023/09/19/play-sangokushi-another/">三国志アナザー</option> \
・
・
・
＜＜中略＞＞
・
・
・
    <option value="https://nakayama-tech.com/2023/06/15/play-undawn/">UNDAWN</option> \
    <option value="https://nakayama-tech.com/2023/07/05/play-volzerk-monsters/">Volzerk</option> \
    <option value="https://nakayama-tech.com/2023/10/10/play-cross-square/">X2-クロススクエア</option> \
    <option value="https://app.seedapp.jp/click/v1/ad/2699?site=9337&amp;article=14578">[PR 公式APP DL]カリツの伝説</option> \
    <option value="https://app.seedapp.jp/click/v1/ad/2675?site=9337&amp;article=14578">[PR 公式APP DL]ドラゴンエア</option> \
    <option value="https://app.seedapp.jp/click/v1/ad/2706?site=9337&amp;article=14578">[PR 公式APP DL]Arena Breakout</option> \
  </select>';

const gameRevueSelectList2 = '<select class="postform" onchange="location.href=value;">'+
  '<option>★ゲーム関連ブログ一覧★</option>' +
  '<option value="https://nakayama-tech.com/2023/08/28/play-aster-tatariqus/">アスタータタリクス</option>' +
  '<option value="https://nakayama-tech.com/2023/11/08/play-kariz/">カリツの伝説</option>';

• JavaScript&CSS関連記事(記事はまだまだ続きます)

処理

var keisanSurundayoooLeft;
var keisanSurundayoooRight;
var result;

keisanSurundayoooLeft = 1;
keisanSurundayoooRight = 1;

result = 
keisanSurundayoooLeft +
keisanSurundayoooRight;

document.getElementById('keisanResult').innerHTML=result;

result = 
keisanSurundayoooLeft +
←改行のみ
 ←半角スペース
　　←全角スペース
keisanSurundayoooRight;