スクリプトコードの説明

スクリプトコードの説明

スクリプトコードを説明します。

0
0
73
4

投稿日時:

  • プロンプト実行例
スクリプトコードの説明

こんにちは!スクリプトを貼ってね

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>文字数カウントツール</title> <script> function countCharacters() { var inputText = document.getElementById("input").value;

var charCount = inputText.length; var charCountNoSpace = inputText.replace(/\s/g, '').length; var wordCount = inputText.trim().split(/\s+/).length; var lineBreakCount = (inputText.match(/\n/g) || []).length; var alphabetCount = inputText.replace(/[^A-Za-z]/g, '').length; var numberCount = inputText.replace(/[^0-9]/g, '').length; var hiraganaCount = inputText.replace(/[^ぁ-んァ-ン]/g, '').length; var katakanaCount = inputText.replace(/[^ァ-ン]/g, '').length; var punctuationCount = inputText.replace(/[^。、.,-]/g, '').length; var symbolCount = inputText.replace(/[^!-]/g, '').length; var kanjiCount = inputText.replace(/[^一-龠々]/g, '').length; var urlCount = inputText.split('http').length - 1; var utf8ByteCount = new Blob([inputText], {type: 'plain/text'}).size; var shiftJISByteCount = unescape(encodeURIComponent(inputText)).length; var jisByteCount = inputText.replace(/[^ -。-゚]/g, '').length; var eucJPByteCount = encodeURIComponent(inputText).replace(/%[A-F\d]{2}/g, 'U').length;

var charPerPage = parseFloat(document.getElementById("charPerPage").value); var includeHalfWidth = document.getElementById("includeHalfWidth").checked;

var pageCount = Math.ceil(charCount / charPerPage); if (includeHalfWidth) { charCount += inputText.replace(/[^\x01-\x7E]/g, '').length * -0.5; }

document.getElementById("charCount").textContent = charCount; document.getElementById("charCountNoSpace").textContent = charCountNoSpace; document.getElementById("wordCount").textContent = wordCount; document.getElementById("lineBreakCount").textContent = lineBreakCount; document.getElementById("alphabetCount").textContent = alphabetCount; document.getElementById("numberCount").textContent = numberCount; document.getElementById("hiraganaCount").textContent = hiraganaCount; document.getElementById("katakanaCount").textContent = katakanaCount; document.getElementById("punctuationCount").textContent = punctuationCount; document.getElementById("symbolCount").textContent = symbolCount; document.getElementById("kanjiCount").textContent = kanjiCount; document.getElementById("urlCount").textContent = urlCount; document.getElementById("utf8ByteCount").textContent = utf8ByteCount; document.getElementById("shiftJISByteCount").textContent = shiftJISByteCount; document.getElementById("jisByteCount").textContent = jisByteCount; document.getElementById("eucJPByteCount").textContent = eucJPByteCount; document.getElementById("pageCount").textContent = pageCount; } </script>

</head> <body> <textarea id="input" rows="10" cols="50" placeholder="ここにテキストを入力してください"></textarea> <br> <button onclick="countCharacters()">文字数をカウント</button> <br> <label for="charPerPage">1ページあたりの文字数: </label> <input type="number" id="charPerPage" value="400"> <label><input type="checkbox" id="includeHalfWidth">半角文字を0.5文字としてカウントする</label> <br> <p>文字数(スペース込み): <span id="charCount"></span></p> <p>文字数(スペース無視): <span id="charCountNoSpace"></span></p> <p>単語数: <span id="wordCount"></span></p> <p>改行コード数: <span id="lineBreakCount"></span></p> <p>英字数: <span id="alphabetCount"></span></p> <p>数字数: <span id="numberCount"></span></p> <p>ひらがな数: <span id="hiraganaCount"></span></p> <p>カタカナ数: <span id="katakanaCount"></span></p> <p>句読点数: <span id="punctuationCount"></span></p> <p>記号数: <span id="symbolCount"></span></p> <p>漢字数: <span id="kanjiCount"></span></p> <p>URL数: <span id="urlCount"></span></p> <p>UTF-8バイト数: <span id="utf8ByteCount"></span></p> <p>Shift_JISバイト数: <span id="shiftJISByteCount"></span></p> <p>JISバイト数: <span id="jisByteCount"></span></p> <p>EUC_JPバイト数: <span id="eucJPByteCount"></span></p> <p>原稿用紙何枚: <span id="pageCount"></span></p> </body> </html>
スクリプトコードの説明

このスクリプトは、テキストエリアに入力されたテキストの各種文字数やバイト数、文字の種類などをカウントするツールです。以下に、スクリプトの機能と動作について簡単に説明します。

  1. countCharacters 関数:

    • countCharacters 関数は、テキストエリアに入力されたテキストから各種の文字数やバイト数を計算し、それらの結果を表示する役割を持ちます。
    • ボタンがクリックされるとこの関数が呼び出され、テキストの解析が行われます。
  2. 文字数やバイト数の計算:

    • テキストエリアに入力されたテキストから、スペースを含む文字数、スペースを無視した文字数、単語数、改行コードの数、英字の数、数字の数、ひらがなの数、カタカナの数、句読点の数、記号の数、漢字の数、URLの数、UTF-8バイト数、Shift_JISバイト数、JISバイト数、EUC_JPバイト数を計算しています。
  3. ページ数の計算:

    • 1ページあたりの文字数と、半角文字を0.5文字としてカウントするかどうかに応じて、原稿用紙何枚に相当するかも計算しています。

計算に利用している正規表現や数式、処理の過程で注意すべきポイントは、各種の文字数やバイト数を計算する際にそれぞれの特徴を考慮していることです。また、半角文字を0.5文字としてカウントするかどうかの条件分岐、また数値を表示するための HTML 要素の操作などが行われています。

このスクリプトはブラウザ上で動作し、入力されたテキストから様々な情報を抽出・計算して表示することができる、便利な文字数カウントツールとなっています。

コメント 0

他のプロンプトもチェック

  • 評価・分類

    もう手作業での文字起こしにうんざりしていませんか? このプロンプトは、画像やスクリーンショットからテキストを驚くほど正確に抽出する、あなたのための強力なOCRツールです。最新のOCR技術とVision機能を駆使し、どんな画像も高精度なテキストデータに変換します。
    0
    1
    4
    166
  • GPTs

    SNS投稿

    このGPTは、あなたの日本語文章を高度に解析し、その文体スタイルをそっくりそのまま再現するためのツールです。文末表現、語彙、文構造、リズム、敬語の使い分け、助詞の使用方法など、あらゆる日本語特有の要素を詳細に解析し、あなたの個性を生かした文体スタイルをリスト化します。 使い方: ・2,000文字以上の文章を入力し、文体スタイルを解析します。2000文字以上のテキストを送信してください。 ChatGPT4をご利用の方はファイルから文章データを送ることができます。 ・結果として、あなたの日本語の文章の特徴が詳細にリスト化され、再現可能な文体スタイルが提供されます。 ポイント: ・日本語特有の文末表現や敬語の使い分けまで、細部にわたり解析することで、より正確で個性的な文体スタイルを再現できます。 ・自分の書き方をより深く理解し、意識的に自分らしい文章を書くことができるようになります。 注意点: ・表示される文体解析結果で文章を作っても、ChatGPT特有の日本語表現は表示されることがあります。その点は、手動でリストを修正してご利用ください。例:「これにより」「これによって」等 このGPTを使って、あなたの文章スタイルをリスト化させ、ライティングに活用してみてください。 #日本語 #文体解析 #文章スタイル #文章改善 #AIツール #ライティングアシスタント
    6
    1
    91
    335
  • 画像生成

    資料作成

    推奨モデル - Midjourney
    指定のテーマにあわせて絵本のようなシンプルで可愛いイラストを生成します。 テーマは英語表記を推奨しています。
    4
    0
    43
    707
  • コード生成・修正

    プログラミング言語「Lua」のスクリプトコードを生成します!!