javascript|読み込む度に画像をランダムで切り替える

javascript
むかーし、ソシャゲ作ってた時、メンテナンス中のお詫び画像をいくつかパターン出したいなというときがありました♪
久しぶりに、コーディングできるかやってみました。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>Typing Game!</title>
  <style>
  body {
    padding-top: 20px;
    font-family: 'Courier New', sans-serif;
    text-align: center;
  }
  #main {
    width:600px;
    height:400px;
    border:1px solid #bbb;
    margin: 0 auto;
    }

  </style>
</head>
<body>
  <div id="main">
    <img id="chara">
  </div>
  <script>
  (function() {

    var images = ['chibi1.png','chibi2.png','chibi3.png'];
    var rand = Math.floor(Math.random()* images.length);

    var chara = document.getElementById('chara');
    chara.src = "../img/" + images[rand];
  })();
  </script>
</body>
</html>

15分くらいでサクッと行けたｗ
よかった♪