JavaScriptの、テキストのランダム表示を1ページに2つ置きたいのですが 2つ置くと、一つのボタンが作動しなくなってしまいます

JavaScriptの、テキストのランダム表示を1ページに2つ置きたいのですが 2つ置くと、一つのボタンが作動しなくなってしまいます ↓このような感じです。どこを直せばよいか、ご存知の方いましたら教えてください <form><input type="button" value="おみくじ" onClick="random()"> <br /> <span id="omikuji">表示場所</span></form> <script type="text/javascript"> function random() { var rand = Math.floor( Math.random() * 5) ; //おみくじの目の生成 if (rand == 0) msg = "大吉"; if (rand == 1) msg = "中吉"; if (rand == 2) msg = "小吉"; if (rand == 3) msg = "吉"; if (rand == 4) msg = "凶"; document.getElementById("omikuji").innerHTML = msg; //おみくじの目の出力 } </script> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <form><input type="button" value="野菜" onClick="random()"> <span id="omikuji">表示場所</span></form> <script type="text/javascript"> function random() { var rand = Math.floor( Math.random() * 5) ; //おみくじの目の生成 if (rand == 0) msg = "ニンジン"; if (rand == 1) msg = "キャベツ"; if (rand == 2) msg = "トマト"; if (rand == 3) msg = "キュウリ"; if (rand == 4) msg = "ハクサイ"; document.getElementById("omikuji").innerHTML = msg; //おみくじの目の出力 } </script>

ベストアンサー

0

芭蕉ねこさん >・・・・1ページに2つ置きたい・・・・・・・・・・・・・・・ ご参考に↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> </head> <body> <form><input type="button" value="おみくじ" onClick="random()"> <br /> <span id="omikuji">表示場所</span></form> <script type="text/javascript"> function random() { var rand = Math.floor( Math.random() * 5) ; //おみくじの目の生成 if (rand == 0) msg = "大吉"; if (rand == 1) msg = "中吉"; if (rand == 2) msg = "小吉"; if (rand == 3) msg = "吉"; if (rand == 4) msg = "凶"; document.getElementById("omikuji").innerHTML = msg; //おみくじの目の出力 } </script> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <form><input type="button" value="野菜" onClick="random2()"> <span id="omikuji2">表示場所</span></form> <script type="text/javascript"> function random2() { var rand = Math.floor( Math.random() * 5) ; //おみくじの目の生成 if (rand == 0) msg = "ニンジン"; if (rand == 1) msg = "キャベツ"; if (rand == 2) msg = "トマト"; if (rand == 3) msg = "キュウリ"; if (rand == 4) msg = "ハクサイ"; document.getElementById("omikuji2").innerHTML = msg; //おみくじの目の出力 } </script> </body> </html>

ThanksImg質問者からのお礼コメント

ありがとうございます とても助かりました 少しずつ勉強していきたいと思います

お礼日時:9/25 8:49