JavaScript(とHTML)によるツール

エリファス１８１０

　Githubでソースコードをパブリックドメインで公開しております。

　マイクロソフトのBing検索エンジンで「github eliphas1810-tools」などで検索してみてください。

　残念ながらグーグル検索エンジンでは検索できません。

　「カタカナ生成」ボタンを押すたびにランダムで2文字以上10文字以下のカタカナを生成してくれます。

　ファンタジー小説の人物や街の名前を考えるのに役立つと思います。

　2022年12月16日時点の最新のChromeとFirefoxで動作を確認しました。

　コピペする場合は、2文字の全角空白を4文字の半角空白に置換してください。

　KatakanaGenerator.htmlなどの適当な名前の空の.htmlファイルの内容にコピペしてから、UTF-8という文字コードで保存し、ChromeやFirefoxといったブラウザで.htmlファイルを見ると、利用できます。

KatakanaGenerator.html

――――――――――――――――――――

<!DOCTYPE html>

　　<head>

　　　　<title>カタカナ生成</title>

　　</head>

　　<body>

　　　　<div>

　　　　　　<button type="button" id="generateKatakana">カタカナ生成</button>

　　　　</div>

　　　　<div>

　　　　</div>

　　　　<div>

　　　　　　<button type="button" id="copy">クリップボードにコピーする</button>

　　　　</div>

function $(id) {

　　return document.getElementById(id);

}

//カタカナ一覧

var string = "";

string += "アイウエオ";

string += "カキクケコ";

string += "サシスセソ";

string += "タチツテト";

string += "ナニヌネノ";

string += "ハヒフヘホ";

string += "マミムメモ";

string += "ヤユヨ";

string += "ラリルレロ";

string += "ワヲン";

string += "ァィゥェォ";

string += "ッ";

string += "ャュョ";

string += "ヴ";

string += "ガギグゲゴ";

string += "ザジズゼゾ";

string += "ダヂヅデド";

string += "バビブベボ";

string += "パピプペポ";

string += "ー";

$("generateKatakana").onclick = function () {

　　var katakana = "";

　　//Math.random()

　　//0以上1未満の乱数の実数

　　//Math.random() * 9

　　//0以上9未満の乱数の実数

　　//Math.floor(Math.random() * 9)

　　//0以上8以下の乱数の整数

　　//Math.floor(Math.random() * 9) + 2

　　//2以上10以下の乱数の整数

　　var maxCount = Math.floor(Math.random() * 9) + 2;

　　for (var count = 1; count <= maxCount; count++) {

　　　　//Math.random()

　　　　//0以上1未満の乱数の実数

　　　　//Math.random() * string.length

　　　　//0以上カタカナ一覧の件数未満の乱数の実数

　　　　//Math.floor(Math.random() * string.length)

　　　　//0以上(カタカナ一覧の件数 - 1)以下の乱数の整数

　　　　var randomIndex = Math.floor(Math.random() * string.length);

　　　　katakana += string.charAt(randomIndex);

　　}

　　$("katakana").value = katakana;

　　$("katakana").select(); //テキストボックスのテキストを全選択状態にする

};

$("copy").onclick = function () {

　　navigator.clipboard.writeText($("katakana").value);

};

　　　　</script>

　　</body>

</html>

――――――――――――――――――――

作者を応援しよう！

ハートをクリックで、簡単に応援の気持ちを伝えられます。（ログインが必要です）

応援したユーザー

新規登録で充実の読書を

マイページ: 読書の状況から作品を自動で分類して簡単に管理できる; 小説の未読話数がひと目でわかり前回の続きから読める; フォローしたユーザーの活動を追える
通知: 小説の更新や作者の新作の情報を受け取れる
閲覧履歴: 以前読んだ小説が一覧で見つけやすい

カクヨムで可能な読書体験をくわしく知る

次のエピソード偶数行(と奇数行)を抽出するJavaScript(とHTML)のコード

作者を応援しよう！

応援したユーザー

応援すると応援コメントも書けます

新規登録で充実の読書を

文字サイズ

背景色

フォント

組み方向

応援の気持ちを届けよう

フォロー機能を活用しよう

フォロー機能を活用しよう