スクリプトコードの説明

アディラス

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

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

投稿日時：

プロンプト実行例

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

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

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

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

GPTs
情報収集
あなたに合った不労所得の達成方法をアドバイスするGPTs
まずはGPTsに話しかけてください。すると、GPTsがあなたのリスク許容度などを質問してきます。こちらのGPTsは、さまざまな投資経験のある私の経験談がベースとなっているので、GPTsが回答する内容も非常に実用的だと思います。回答内容によっては、経験者視点でのアドバイスも！参考にしてみてください！！
0
0
36
123
ひすい
文案作成
推奨モデル - GPT 4o
【AI界の革命】GPTsを自動生成するプロンプト
GPTsの生成に必要な「Instructions」「Conversation starters」「Knowledge」「Capabilities」「Actions」などを自動で作成してくれます。作り方は超簡単で、どんなGPTsを作りたいかをキーワードで入力するだけです。出力されたプロンプトをGPTsに貼り付けすれば、自分好みのGPTsが完成です！ #GPTs #プロンプト #プロンプト生成 #ChatGPT
7
1
40
358
Yohei Morimoto ~AIを活用した動画制作・Dify開発~
GPTs
キャラクター作成
顔面偏差値測定ツール
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 あなたの顔写真を送付するだけで顔面偏差値を数字で出力してくれます。各項目別に点数付けしてくれて、顔の強みや特徴まで分析してくれるツール。客観的評価を知りたい方はぜひ使ってみてください。
6
2
1.41K
5.01K
Tam-BizAI編集長
GPTs
文案作成
日本の魅力再発見！GPTsで日本称賛シナリオを作り出すGPTs
台本を作りたいYouTuberとクラウドソーシングでシナリオ作成を受注したシナリオライター必見!!あなたの書きたい台本を爆速で作り出す、シナリオ作成のパートナー！「#GPTs」は、YouTube動画や、様々なジャンルのシナリオを短時間で作成できるAIツールです。ただ文章を生成するだけでなく、あなたのアイデアを具体化し、より魅力的なシナリオへと仕上げます。【GPTsが解決する課題】ネタ切れに悩んでいる: 新しいアイデアが浮かばない時に、多様な視点からアイデアを提供します。構成に時間がかかる: ストーリーの構成を効率的に行い、時間を短縮できます。表現力が足りない: より魅力的で説得力のある文章に磨き上げます。【具体的な活用方法】 YouTube動画の企画: 動画のテーマ、構成、セリフなどを提案します。シナリオ作成: ドラマ、アニメ、ゲームなど、様々なジャンルのシナリオを作成します。企画書作成: 企画書に必要な情報を集約し、わかりやすくまとめます。【GPTsが選ばれる理由】専門性の高いシナリオ生成: 様々なジャンルのシナリオに対応し、高品質な文章を生成します。柔軟なカスタマイズ: 長さ、トーン、キーワードなど、細かな設定が可能です。アイデアが生まれる: 既存のシナリオを参考にしながら、新しいアイデアを生み出します。【こんな方におすすめ】 YouTuber: より魅力的な動画を作りたい方シナリオライター: 効率的にシナリオを作成したい方コンテンツクリエイター: 新しいアイデアを探している方【おすすめの使い方】リサーチ:perplexity/genspark/Felo 台本作成:ClaudeまたはGoogle AI Studio #シナリオ作成 #YouTube #コンテンツ作成 #AI #生成AI #アイデア #ツール #GPT
1
0
84
457
OdaAIWriter

スクリプトコードの説明

コメント 0

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