<！DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル>ドキュメント</ TITLE>
<スタイル>
#lotteryBalls {
表示：フレックス。
}
#lotteryBalls>のdiv {
高さ：は50px;
幅：は50px;
境界半径：50％。
行の高さ：は50px;
テキスト整列：センター;
フォントサイズ：20ピクセル;
フォント重量：太字;
色：白;
マージン：10pxの;
}
。赤 {
背景色：赤。
}
。青{
背景色：青。
}
</スタイル>
</ head>の
<身体>
<DIV ID = "userBalls"> </ div>
<DIV ID = "lotteryBalls"> </ div>
<スクリプト>
/ * * 1. /デジタルボールを生成し、
夫関数ランダム（N、MIN、MAX）{
//生成した乱数Nを保持する配列を作成します
NUMSを聞かせて= [];
//乱数生成制御の数
ため（LET i = 0; iがN <、iは++します）{
//は、最大に乱数範囲の分を生成し、
numが=恐らくMath.round（Math.random（）*（最大 - 最小）+分）しましょう。
@重複排除：乱数NUMのNUMS配列が存在するかどうかを決定します
IF（nums.indexOf（NUM）=== -1）{
//配列を追加し、存在しません。
nums.push（NUM）。
}他{
//これはさておき、現在のセット乱数ことを示し、存在します。サイクルをもう一度。
私 - ;
}
}
//最後の乱数列が返さアウト
NUMSを返します。
}
// 6は、結果が配列され、1から33までの乱数を発生させます。
redBalls = makeRandom（6、1、33）とします。
//は1から16までの乱数を発生させ、結果としてアレイです。
blueBalls = makeRandom（1、1、16）とします。
/ * 2.デジタル* /ページに追加しました
/ *
makeBalls（）：デジタルアレイにボールを生成し、ページをレンダリングします
編曲：乱数列（赤のボールの配列、バスケットボールの配列）
クラス名：別のボールは別のクラスの属性名を持っています
* /
関数makeBalls（ARR、クラス名）{
//順次アレイ内の各要素を抽出します
{（iは++; iは<arr.length I = 0せて）ため
//それぞれの<div>タグに要素の取り出し、ページをレンダリングします
lotteryBalls.innerHTML + = '<DIV CLASS = "$ {クラス名}"> $ {ARR [I]} </ div> `。
}
}
//赤いボールをレンダリング
makeBalls（redBalls、 "赤"）。
//バスケットボールをレンダリング
makeBalls（blueBalls、 "ブルー"）。
</ SCRIPT>
</ BODY>
</ HTML>