スクリプトコードの説明

アディラス

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

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

投稿日時：

プロンプト実行例

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

<!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画像生成】🌸
可愛い女の子のイラストを生成します♪毎回違う表情の女の子が生成されますので何度か試してみてください🌸 #DALLE3 #アイコン #Instagram #X #Twitter #SNS #画像生成
0
0
17
460
佐藤さん
文案作成
推奨モデル - GPT 4o
PowerPointでプレゼン資料作成に超便利！内容からアジェンダ作成します
作成されたアジェンダをGammaやPowerPoint in Copilotなどに貼り付ければすぐにプレゼン資料が完成します。 👇最新作はこちら👇 https://oshiete.ai/profiles/user_55332610834961408 #プレゼン #パワポ #パワーポイント #プレゼン資料
31
0
219
1.53K
Yohei Morimoto ~AIを活用した動画制作・Dify開発~
GPTs
物語・脚本・プロット
4コマ漫画作成AIクリエイター
入力されたお題から4コマ漫画を作成するGPTアプリです。 #4コマ漫画 #4コママンガ #漫画作成 #マンガ作成
3
0
442
1.23K
天野裕之
画像生成
資料作成
推奨モデル - DALL•E 3
使い方いろいろ！オシャレすぎる背景画像
SNSのプロフ、プレゼン資料、ブログやウェブサイト、さらにはポスターやチラシなど、さまざまな用途に対応した高品質な背景画像を生成します。柔らかな色合いや幻想的な雰囲気の背景から、クールでモダンなデザインまで、あらゆるシーンで映える画像を瞬時に作成。おしゃれで洗練されたデザインは、見る人を惹きつけること間違いなしです。使い方はあなた次第、ビジネスから個人のプロジェクトまで幅広く活用できるので、クリエイティブな表現を存分に楽しんでください。＜用途例＞ 1. SNSプロフィール背景 2. プレゼンテーションのスライド背景 3. ブログやウェブサイトのバナー 4. デジタルポスターやチラシのデザイン 5. Zoomやビデオ会議のバーチャル背景 6. YouTube動画のサムネイル 7. ポートフォリオのデザイン背景 8. プレゼントやギフトカードのデザイン 9. オンラインストアの製品画像背景 10. 壁紙やスクリーンセーバー 11. 電子書籍の表紙デザイン 12. 名刺や招待状の背景 13. コラージュアートの素材 14. ブランドのロゴ背景 15. インスタグラムのストーリーハイライトカバー 16. オンライン講座やチュートリアルのイントロ背景 17. アプリやソフトウェアのUIデザイン背景 18. フォトフレームや写真アルバムの背景 19. デジタル年賀状やグリーティングカードの背景 20. 展示会やイベント用のパネルデザインなどなど ---------- 😊少しでも気に入っていただけましたら、お気に入り（❤マーク）をクリックしていただけると、とても励みになりますので、ぜひお願いいたします。 😊また、「いつか使ってみよう」と思っている方も、お気に入りに登録しておくと、いつでもマイページからすぐにご利用いただけます。 😊感想など、お気軽にコメントください。　
6
0
28
196
VEP

スクリプトコードの説明

コメント 0

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