スクリプトコードの説明

アディラス

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

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

投稿日時：

プロンプト実行例

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

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

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

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

画像生成
コード生成・修正
犬のイラスト
犬のイラストです。
1
0
11
53
YAMA
画像生成
物語・脚本・プロット
Alluring Urban Portrait 【プロンプト公開】魅力的で現代的な女性のポートレート
ユーザーが特定の要素（国籍とヘアスタイル）をインプットすることで、魅力的で現代的な女性のポートレートを生成するためのプロンプトです。雨に濡れたガラス越しに撮影されたこのポートレートは、夢のような雰囲気とロマンティックなムードを醸し出しています。
1
0
26
111
hirokaji
コード生成・修正
プログラミング言語「R言語」のスクリプトコードを生成！！
プログラミング言語「R言語」言語のスクリプトコードを生成します！！
1
0
2
56
アディラス
GPTs
計画立案
【AIコーチング✨】 ”毎日のタスク”をAIが指導！ 🌈理想の自分🌈を目指しませんか？
【バージョンアップ版はこちら♪】⇒https://oshiete.ai/items/174286715780881408 「目標は決まったけど、毎日どんな作業をこなしていけばいいのか分からない…」そんなお悩みを解決✨ 💡たった4つの質問に答えるだけ！【○年後の理想像】から逆算した今日のタスクをAIが自動作成✨😊 🎯今日やることが明確だからもう迷わない💓 使い方はカンタン！ 0.「スタート」を押す 1.○年後の理想の状態を入力（例：2年後、カフェのオーナーになり月の売上が100万円を超えている） 2.その理想に向けて、今の自分の強みを入力 3.その理想に向けて、今の自分の課題を入力 4.その理想を実現するために、まず最初に何を解決したいか入力 ↓ AIが【長期・中期・短期（今月・今週）の行動計画】を生成✨✨ 5.【今週の行動計画】の中から、今日取り組みたいものを番号で選択 ↓ AIが【今日のタスク】を5つ生成✨✨（すべて1回30分以内で完了できる内容）　短いタスクだから、すぐに取り掛かれます！ ✅ 【1.○年後の理想の状態】で、具体的な数字や職業を入れましょう！より目標に沿ったタスクを提案します！ ✅ ピンと来なければ「別案」と入力して別案をご提案♪ あなたに合った行動プランを必ず見つけます🎯 ✅ 「はじめ」と入力したら、最初から計画を練り直せます🔄 一度使って終わりじゃない！！目標達成まであなたを・・・いえ私をサポートし続けてくれてます💓 今、自分自身が一番助けられています😊作ってよかった！！【○年後の理想像】ばっちり叶えるぞ～✨あなたもご一緒に♪ 🎯 #目標達成 #行動計画 #不安解消 #ナビゲーター #ゴールへの第一歩
17
13
90
201
ふくみー

スクリプトコードの説明

コメント 0

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