2文字以上10文字以下のカタカナをランダムに生成するJavaScript(とHTML)のコード
Githubでソース コードをパブリック ドメインで公開しております。
マイクロソフトのBing検索エンジンで「github eliphas1810-tools」などで検索してみてください。
残念ながらグーグル検索エンジンでは検索できません。
「カタカナ生成」ボタンを押すたびにランダムで2文字以上10文字以下のカタカナを生成してくれます。
ファンタジー小説の人物や街の名前を考えるのに役立つと思います。
2022年12月16日時点の最新のChromeとFirefoxで動作を確認しました。
コピペする場合は、2文字の全角空白を4文字の半角空白に置換してください。
KatakanaGenerator.htmlなどの適当な名前の空の.htmlファイルの内容にコピペしてから、UTF-8という文字コードで保存し、ChromeやFirefoxといったブラウザで.htmlファイルを見ると、利用できます。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>カタカナ生成</title>
</head>
<body>
<div>
<button type="button" id="generateKatakana">カタカナ生成</button>
</div>
<div>
<input type="text" id="katakana" />
</div>
<div>
<button type="button" id="copy">クリップボードにコピーする</button>
</div>
<script>
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>
