HTML5, JavaScript

占いのようなスクリプト

利き腕を選ぶと，占いの結果が表示されるものです．

<!doctype html>
 <html>
  <head>
   <meta charset="utf-8">
   <title>array test3</title>
  </head>
  <body>
  
 利き腕動物占い
<select name="hand_select" onChange="result(this.value)">
<option value="area0" selected>利き腕を選んで</option>
<option value="right">右きき</option>
<option value="left">左きき</option>
</select>


<div id="type_"></div>
  
    <script type="text/javascript">
  
 var txt = 	{ //javascriptの配列を作りtxtに入れる
	"right":{
		0:"犬",
		1:"猫",
		2:"牛"
	},
	"left":{
		0:"タヌキ",
		1:"キジ",
		2:"キリン"
	},
 }
 
 
 function result(myvalue){//上のselectでonChangeで関数を呼びthis.valueに入ったvalue値がmyvalueに入る

	 var randnum = Math.floor( Math.random() * 3); //０〜２の乱数を発生させよ
 var mytxt = "" + txt[myvalue][randnum];//txt配列のmyvalueの乱数値randomで配列の中身を取り出し，ダブルクォーテーションをつけて，mytxtに入れる
document.getElementById("type_").innerHTML = mytxt;
	//html内のtype_というIDのついたタグを探し，mytxtの中身を入れなさい
}
 
 
  </script>
 </body>
</html>

実働例はこれです

http://filmm.info/liub/uranai.html