スクリプトコードの説明

アディラス

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

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

投稿日時：

プロンプト実行例

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

<!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 要素の操作などが行われています。

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

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

チャットボット
推奨モデル - GPT 4o
施工管理助言ツール
施工管理の案件ならなんでも回答します
1
0
8
80
user_144034477196208128
GPTs
要件定義・設計
用途にあったライブラリをGitHubから探してくれます！
「Pythonでスクレイピングしたい」など、プログラミング言語とやりたいことを書くと、用途にあったGitHubリポジトリを検索しスターの多い上位3つのリポジトリを返してくれます。またそのリポジトリについてのQiitaの記事も返してくれ、ライブラリについての説明とサンプルコードも書いてくれます。開発の際のライブラリ探しに是非ご活用ください！
4
0
22
81
だいち
物語・脚本・プロット
推奨モデル - GPT 4o
なぞかけ職人
わず笑ってしまうような、センス溢れるなぞかけを作成するためのプロンプト。シチュエーションや主題を指定するだけで、ユニークで楽しいなぞかけを作れるようお手伝いします。#なぞかけ#謎かけ#言葉遊び
3
4
235
5.50K
michi
GPTs
SNS投稿
💖 AIが描く！心温まる🎄🎅クリスマス＆年賀状🎍SNSでシェア 💌
✨ あなただけのクリスマスカード＆年賀状を、AIで簡単に作成！ ✨ たった3ステップで、オリジナルカードが完成！ 1.テンプレートを選ぶ: 紫色の「GPTSを開く」ボタンをクリック（タップ）し、「1. Christmas1」または「2. nenga1」の番号で、クリスマスカードと年賀状のどちらかを選びましょう。 2.画像のイメージを伝える: 「雪降る街並み」や「可愛いウサギ」など、作りたい画像のイメージを具体的に教えてください。 3.AIが自動作成: あとはAIにおまかせ！あなたのイメージに基づいて、AI(DALL-E3)が画像を生成し、選んだテンプレートに自動で合成します。完成した作品は… ダウンロードして、SNSにアップ！ (LINE、Facebook、Instagram、Twitterなど) 大切な人に届けましょう！ ※ワード、ドキュメント、Canvaなどで印刷して、送る事も出来ますよ。【ポイント】画像のイメージはできるだけ具体的に伝えましょう。例えば、「雪が降る街並み、サンタクロースがプレゼントを配っている」のように、詳細を伝えることで、よりイメージに近い画像が生成されます。さあ、AIと一緒に、世界に一つだけのクリスマスカード＆年賀状を作りましょう！ 🎅🐇🎉
94
25
409
1.03K
タッキー

スクリプトコードの説明

コメント 0

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