作成にあたって
友人がpythonを用いてターミナル上動作するこれを作っていたので、僕はhtmlとjs使って作成してみました。
動けばいいだけだったので1つのファイルにまとめて書いています。
コード
index.html
<!doctype html>
<html>
<head>
<title>ファルコン・パンチ</title>
<script type="text/javascript">
function exchangeText() {
var text = document.forms.id_form.id_textBox.value.split("");
target = document.getElementById("output");
if(exchange(text)){
target.innerText = exchange(text);
}else{
target.innerText = "";
}
}
// 文字の順番を入れ替える
function exchange(text) {
for(i=0; i<text.length; i++){
var rand = Math.floor(Math.random()*text.length);
var tmp = text[i];
text[i] = text[rand];
text[rand] = tmp;
}
var output;
for(i=0; i<text.length; i++){
if(output){
output = output + text[i];
}else{
output = text[i];
}
}
return output;
}
</script>
</head>
<body>
<p><b>ファルコンのうんちぶり</b></p>
<form name="form" id="id_form" action="">
<input name="textBox" id="id_textBox" type="text" value="ファルコン・パンチ" />
<input type="button" value="入れ替え" onclick="exchangeText()" />
</form>
<div id="output"></div>
</body>
</html>
おわりに
実務経験が少ないため、どうかけば可読性が向上するのか等コメント頂ければ幸いです。