スクリプトコードの説明

アディラス

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

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

投稿日時：

プロンプト実行例

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

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

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

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

メール作成
LINE返信文生成
LINEの返信文を生成します。
9
3
352
9.19K
アディラス
資料作成
語学資格試験入試用　Ankiアプリ用のCSVデータを生成します。＊自己責任でお願いします
語学、資格試験や入試に　Anki　アプリ用CSVデータを生成します。テキストデータのみの生成です。指定が無ければ25問生成します。ユーザーが入力したテーマに沿って問題が生成されます。ただし、生成された問題の間違っていることもあります。最新のデータに弱く、架空のテーマでも生成してしまいます。自己責任でご使用ください。 #Anki #Ankiapp #ANKI #CSV #問題Anki　#フラッシュカード
1
0
6
103
user_121005301075396608
GPTs
キャラクター作成
【AI美女】アニメ系美女イラスト
▶最新の有益プロンプトはこちら▼ https://oshiete.ai/item_lists/73557973863457792 質問に答えていくと好みのアニメ美女イラストが生成されます。選択肢は400通りあるので、自分の好きなイラストを生成しましょう！！ #tiktok #instagram #twitter #X #ChatGPT
4
1
49
177
Tam-BizAI編集長
画像生成
物語・脚本・プロット
曲は作れるけど絵が描けない人がYouTube投稿に使うプロンプト - サムネイルイラスト生成
曲調を指定すると，最近っぽい落ち着いた色使いのサムネイル用画像が生成されます。人気インディーズ楽曲の動画には，必ずといって良いほど美麗なイラストがついています。まず動画を視聴してもらうためには，サムネイルが重要ですよね。しかし，イラストレーターさんに依頼するほど手をかけたくない，という方も多いでしょう。そんなときこそ，画像生成AIの出番です。これで人気が出たら，次はお気に入りのイラストレーターさんに描いてもらいましょう。このプロンプト最初の生成例は「バラード」，2つ目の生成例は「ユーロビート」を指定しました。曲調は入力例のように具体的に書くのがおすすめです。
1
0
25
180
おだんごん

スクリプトコードの説明

コメント 0

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