ランダムな色のボールエクササイズ

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < メタHTTP -equiv = "X-UA-互換性のある" コンテンツ= "IE =エッジ" > 
    < タイトル>ドキュメント</ タイトル> 
    < スタイル>
    } 
    スパン{ 
        幅：は50px 。
        高さ：は50px ; 
        境界半径：50％ 。
        テキスト整列：センター; 
        行の高さ：は50px ; 
        色：白; 
        フォント重量：大胆; 
        マージン：20ピクセル; 
    } 
    .red { 
        背景：赤。
    } 
    .blue {
        背景：青; 
    } 
    
    </ スタイル> 
</ ヘッド> 
< 身体> 
    < div要素のid = "useballs" > 


    </ divの> 
    < ボタンのID = "ボタン" >随机选</ ボタン>   
    < スクリプト> 
        // 生成球的数字
        関数makeball（ nは、最小、最大）は{ 
            NUMSのせ= []と、
            以下のために（私は聞かせて= 0 ;私は< N; I ++）{ 
                せNUM = 恐らくMath.round（Math.random（）* （最大- 最小）+ 分）。
                もし（nums.indexOf（NUM）===  - 1 ）{ 
                    nums.push（NUM）。
                } 他{ 
                    I - 。
                } 
            } 
            戻りNUMS。
        } 
        せredballs = makeball（6 、1 、33 ）。
        blueballsましょう= （makeball1 、1 、16 ）。

        関数の実行（ARR、クラス名）{
             ため（LET I = 0 ; I < arr.length; iは++ ）{ 
                useballs.innerHTML + = ' < スパンクラス= " $ {クラス名} " > $ {ARR [I]} < / スパン> ` 
            } 
        } 
        ラン（redballs、" 赤" ）。
        実行（blueballs、" 青" ）; 
        button.onclick =関数（）{ 
            location.reload（）
        } 
    
    </ スクリプト> 
</ ボディ> 
</ HTML >