スクリプトコードの説明

アディラス

: スクリプトコードの説明

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

投稿日時：

プロンプト実行例

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

<!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> <button onclick="countCharacters()">文字数をカウント</button> <label for="charPerPage">1ページあたりの文字数: </label> <input type="number" id="charPerPage" value="400"> <label><input type="checkbox" id="includeHalfWidth">半角文字を0.5文字としてカウントする</label> 文字数（スペース込み）: 文字数（スペース無視）: 単語数: 改行コード数: 英字数: 数字数: ひらがな数: カタカナ数: 句読点数: 記号数: 漢字数: URL数: UTF-8バイト数: Shift_JISバイト数: JISバイト数: EUC_JPバイト数: 原稿用紙何枚: </body> </html>

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

countCharacters 関数:
- countCharacters 関数は、テキストエリアに入力されたテキストから各種の文字数やバイト数を計算し、それらの結果を表示する役割を持ちます。
- ボタンがクリックされるとこの関数が呼び出され、テキストの解析が行われます。
文字数やバイト数の計算:
- テキストエリアに入力されたテキストから、スペースを含む文字数、スペースを無視した文字数、単語数、改行コードの数、英字の数、数字の数、ひらがなの数、カタカナの数、句読点の数、記号の数、漢字の数、URLの数、UTF-8バイト数、Shift_JISバイト数、JISバイト数、EUC_JPバイト数を計算しています。
ページ数の計算:
- 1ページあたりの文字数と、半角文字を0.5文字としてカウントするかどうかに応じて、原稿用紙何枚に相当するかも計算しています。

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

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

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

画像生成
キャラクター作成
推奨モデル - DALL•E 3
✨和風AI美女✨　ワンクリック生成　超自然な仕上がり　プロンプト公開中！
✨最新のプロンプトはこちら✨　https://oshiete.ai/items/149691563713710080 「和風AI美女」　秋をイメージした和風AI美女をワンクリックで生成できます。　話題のAI美女を試してみてください＾＾ #美女生成　#AI美女　#美女　#Midjourney　
32
5
49
662
パンダ工房
チャットボット
推奨モデル - GPT 4o
ChatGPTの性能を底上げする汎用強化プロンプト
ChatGPTのカスタム指示で使うために設計したAll-in-Oneの汎用強化プロンプトです。GPT-4以上の性能のLLMなら効果があると思います。AIに人間的な視点を与え、理解力と推理力、回答の質を向上し、より精密で信頼性の高い応答が可能になります。通常のChatGPTと同じようにお使い頂けます。お気に入り登録すると「天秤AI」でプロンプトを呼び出して使用できます。その他、詳しくはSharaku Satohのnoteをご覧下さい。
7
0
35
456
Sharaku Satoh
情報収集
【URL貼るだけ！】複雑な記事ページをシンプルにまとめる【かんたん一発表示】
　内容が小難しく読みづらいだけでなく、広告や不要な画像などがあって非常に見にくいWEBページってありますよね？　そんなページでも、ここにURLを貼り付けるだけで、記事の本題テキスト部分のみを読み取って、平易かつ見やすい内容にまとめてくれるプロンプトです。　全体の要約をまとめるだけでなく、よりわかりやすく平易な解説も付加します。　ご利用の際は、必ず「Perplexity WEB検索」を選択してください。　 ※もし、「ページにアクセスできない」などのエラーが出た場合でも、「やり直す」ボタンで再度実行すれば、正常に出力されることがあります。
9
0
41
189
VEP
GPTs
物語・脚本・プロット
ＬＩＮＥ投稿補助ツール　※インスタでも使える！
文章を送ると読みやすくアレンジしてくれます。企業LINEで使えば、集客率大幅アップ #LINE #instagram
6
2
23
100
てぃなの

スクリプトコードの説明

コメント 0

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