random関数０２

JavaScript 授業




☆★データーでの確認★☆

画像のランダム表示


  • 「img0〜img4」画像を準備する
  • 「img1〜」の場合は、((Math.random()*numOfImg)+1)となる


ソースコード【 HTML 】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>イメージをランダムに表示する</title>

<style>

body {
  text-align: center;
  }

</style>

</head>
<body>

<h1>今日のイメージ</h1>

<script>


//  「img0〜img4」画像を準備する
// [ 注意!! ]画像の名前は変更できない
//  「img1〜」の場合は、((Math.random()*numOfImg)+1)となる

numOfImg = 4;// 表示枚数の指定
var num;

  num = Math.floor(Math.random() * numOfImg)
  
  // [ (<img src=ファイル名,num,拡張子>); ]
  document.write('<img src="images/img',num,'.jpg">');

</script>

</body>
</html>


ブラウザで表示

  • ランダムに画像を表示