偶数行(と奇数行)を抽出するJavaScript(とHTML)のコード

 Githubでソース コードをパブリック ドメインで公開しております。

 マイクロソフトのBing検索エンジンで「github eliphas1810-tools」などで検索してみてください。

 残念ながらグーグル検索エンジンでは検索できません。


 偶数行(と奇数行)を抽出できます。

 テキストエリアにコピペして利用します。

 需要は無いかもしれませんが……。


 2024年2月17日時点の最新のChromeとFirefoxで動作を確認しました。


 コピペする場合は、2文字の全角空白を4文字の半角空白に置換してください。


 EvenLineExtractor.htmlなどの適当な名前の空の.htmlファイルの内容にコピペしてから、UTF-8という文字コードで保存し、ChromeやFirefoxといったブラウザで.htmlファイルを見ると、利用できます。


EvenLineExtractor.html

――――――――――――――――――――

<!DOCTYPE html>

<html lang="ja">

  <head>

    <meta charset="UTF-8" />

    <title>偶数行抽出</title>

  </head>

  <body>

    <div>

      <textarea id="originalText" cols="80" rows="10" placeholder="偶数行を抽出したい原文をここに記入してください。"></textarea>

    </div>

    <div>

      <button type="button" id="extractEvenLine">偶数行を抽出</button>

    </div>

    <div>

      <textarea id="evenLine" cols="80" rows="10" placeholder="偶数行がここに抽出されます。"></textarea>

    </div>

    <div>

      <button type="button" id="copyEvenLine">偶数行をクリップボードにコピーする</button>

    </div>

    <br />

    <br />

    <div>

      <textarea id="oddLine" cols="80" rows="10" placeholder="奇数行がここに抽出されます。"></textarea>

    </div>

    <div>

      <button type="button" id="copyOddLine">奇数行をクリップボードにコピーする</button>

    </div>

    <br />

    <br />

    <div>

      <button type="button" id="clear">文を消去する</button>

    </div>



    <script>


function $(id) {

  return document.getElementById(id);

}


$("extractEvenLine").onclick = function () {


  var originalText = $("originalText").value;


  var lines = originalText.split("\n");


  var evenLine = "";


  var oddLine = "";


  for (var index = 0; index < lines.length; index++) {


    var line = lines[index];


    var lineNumber = index + 1;


    if (lineNumber % 2 == 0) {

      if (evenLine.length != 0) {

        evenLine += "\n";

      }

      evenLine += line;

    } else {

      if (oddLine.length != 0) {

        oddLine += "\n";

      }

      oddLine += line;

    }

  }


  $("evenLine").value = evenLine;

  $("oddLine").value = oddLine;

};


$("copyEvenLine").onclick = function () {

  navigator.clipboard.writeText($("evenLine").value);

};


$("copyOddLine").onclick = function () {

  navigator.clipboard.writeText($("oddLine").value);

};


$("clear").onclick = function () {

  $("originalText").value = "";

  $("evenLine").value = "";

  $("oddLine").value = "";

};


    </script>

  </body>

</html>

――――――――――――――――――――

  • Xで共有
  • Facebookで共有
  • はてなブックマークでブックマーク

作者を応援しよう!

ハートをクリックで、簡単に応援の気持ちを伝えられます。(ログインが必要です)

応援したユーザー

応援すると応援コメントも書けます

新規登録で充実の読書を

マイページ
読書の状況から作品を自動で分類して簡単に管理できる
小説の未読話数がひと目でわかり前回の続きから読める
フォローしたユーザーの活動を追える
通知
小説の更新や作者の新作の情報を受け取れる
閲覧履歴
以前読んだ小説が一覧で見つけやすい
新規ユーザー登録無料

アカウントをお持ちの方はログイン

カクヨムで可能な読書体験をくわしく知る