# ランダムに少女の顔を表示

この左画面を左クリックすれば以下の赤字のスクリプト全部がクリップボードにコピーされるので、右の画面の赤い矢印の右側に貼り付けてください。

    	for ( var i = 0 ; i < 10; i++ )
    	{
    		var img = $('<img class="girl" src="images/Girl.png" alt="Girl" />');
    		img.css('left',Math.random()*$('body').width());
    		img.css('top',Math.random()*$('body').height());
    		$(document.body).append(img);
    	}

では「制御」→「実行」メニューを実行してください。
女の子の顔が横に10個並びました。
でも上の位置も指定してるのに、一番上にしか表示されないのはcss装飾の設定を次のページでするんですね。
img変数にimagesフォルダのGirl.png画像ファイルを表示するimgタグのセレクタを指定していますね。
imgセレクタ変数のcss装飾のleft(左からの位置)をMath.random()でランダムな値0〜1なので、画面幅を乗算して0〜画面幅の位置をセットしました。
imgセレクタ変数のcss装飾のtop(上からの位置)をMath.random()でランダムな値0〜1なので、画面高さを乗算して0〜画面高さの位置をセットしました。
$(document.body)セレクタにappendでimg変数を追加しました。

### 次へ