ナンバーズ数字選択アプリ
数字を選ぶには下のボタンを押してください。
以下は、ナンバーズの数字をランダムに選んでくれるJavaScriptのプログラムです。HTMLを含めた1つのファイルとして実装しています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>ナンバーズ数字選択アプリ</title> <style type="text/css"> body{ text-align: center; padding: 50px; font-size: 24px; font-family: Arial, sans-serif; } h1{ margin-bottom: 30px; } button{ background-color: #4CAF50; color: white; border: none; padding: 10px 20px; text-align: center; font-size: 16px; margin: 10px; cursor: pointer; } </style> </head> <body> <h1>ナンバーズ数字選択アプリ</h1> <p>数字を選ぶには下のボタンを押してください。</p> <p id="result"></p> <button id="selectBtn">数字を選ぶ</button> <script type="text/javascript"> document.getElementById("selectBtn").onclick = function(){ var numbers = []; while(numbers.length < 5){ var num = Math.floor(Math.random() * 31) + 1; if(!numbers.includes(num)){ numbers.push(num); } } var bonus = Math.floor(Math.random() * 31) + 1; var result = "選ばれた数字は " + numbers.join(", ") + " です。<br>ボーナス数字は " + bonus + " です。"; document.getElementById("result").innerHTML = result; } </script> </body> </html> ジョークとして、「選ばれた数字が当たりますように!」というコメントを入れてみました。