このプログラムでは、Math.random()メソッドを使って指定された範囲内のランダムな数値を生成します。
ランダムな数値を生成するプログラム
以下のコードでは、1から100までのランダムな数値を生成しています。
HTMLとJavaScriptコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ランダムな数値を生成する方法</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
padding: 20px;
}
pre {
background: #f4f4f4;
border-left: 3px solid #ccc;
padding: 10px;
margin: 20px 0;
}
</style>
<script>
window.onload = function() {
// ランダムな数値を生成する関数
function generateRandomNumber(min, max) {
return Math.random() * (max - min) + min; // 指定範囲内のランダムな数値を生成
}
// テスト用の範囲
const min = 1;
const max = 100;
// 1から100までのランダムな数値を生成
const randomNumber = generateRandomNumber(min, max);
// 結果をHTMLに表示
document.getElementById('randomNumber').textContent = `1から100までのランダムな数値: ${randomNumber}`;
}
</script>
</head>
<body>
<h1>ランダムな数値を生成する方法</h1>
<div id="randomNumber"></div>
</body>
</html>プログラムの解説
このプログラムでは、Math.random()メソッドを使ってランダムな数値を生成しています。Math.random()は、0以上1未満のランダムな浮動小数点数を生成します。このため、指定した範囲内のランダムな数値を得るためには、数式を使って範囲を指定する必要があります。
以下はMath.random()メソッドの注意点です。
Math.random()は0以上1未満の値しか返さないため、範囲を指定する場合はその範囲に合わせて計算が必要です。- 結果は浮動小数点数として返されるため、整数が必要な場合は
Math.floor()やMath.round()などのメソッドと併用して整数に変換する必要があります。 - 暗号化の目的で使用されることは推奨されません。より高いセキュリティが求められる場合は、
crypto.getRandomValues()のようなメソッドを使用するべきです。