JavaScript、単語をランダムに表示させる

質問

こんにちは。JavaScript分かる方、回答お願いします。

JavaScriptで、ボタンを押すと、テキストボックスに単語がランダムに表示されるものを作りたいです。

同じページに二つ作りたいです。

それぞれのボックスの単語は、別々に登録させたものをランダム表示したいです。

（たとえば、画像の「ランダム単語１」には、犬、猫、猿の中からランダムで表示。
「ランダム単語２」には、花、木、草の中からランダムで表示）

私は、HTML,CSSの知識が少しあり、JavaScriptは少しだけ昔に教わりました
（JavaScriptはあまり理解できなかったですが、思い出したい＆もう一度チャレンジしたいので！）。

どのように書けばいいか教えて下さい。よろしくお願いします！

回答No.2

golab · ベストアンサー

未検証ですが、こんな感じでどうでしょう。

<script type="text/javascript">
function buttonClickHandler(i) {
var arr = [["犬","猫","猿"],["花","木","草"]];
var textBox = "textBox" + i;
document.form1.elements[textBox].value = arr[i-1][Math.floor(Math.random()*3)];
}
</script>
<form name="form1" action="#">
<input type="text" name="textBox1" />
<input type="button1" value="表示" onclick="buttonClickHandler(1)" /><br />
<input type="text" name="textBox2" />
<input type="button2" value="表示" onclick="buttonClickHandler(2)" /><br />
</form>

お礼

回答ありがとうございます！

動きました！これです、まさに理想の形です！！

この記述を参考に検証しながら、もっともっと勉強していきます。

ここ何時間かの粘りが一瞬にして解決です！
ありがとうごさいました！！

回答No.1

OKWavex

らんだむにならべたものをはじめからじゅんばんにひょうじすればいいよ

お礼

回答ありがとうございます！

説明不足ですみません、単語はランダムにはじめから並べるのではなくて、
ランダムに表示させるスクリプトを使って、ランダムに表示させたいんです。

ランダムに表示させるテンプレートのようなものや、解説サイトは検索すればいくらでも出てきたのですが、

それらを何種類か試しながら、他のサイトも見ながら、むかし教えてもらったことを思い出しながら応用しようとして、上記質問のようなものを作ろうとしましたがうまく行きませんでした・・・。

具体的な書き方、もしくは参考サイトでも構いませんので、ご存知でしたら教えていただきたいです。