ドットインストール：javascript おみくじを引く

おみくじをひく

使ったもの

  (function(){
      "use stirct";
      document.getElementById('btn').addEventListener('click',function(){
         var results = ['大吉','小吉','中吉','凶']
         var result = Math.floor(Math.random() * results.length);
          document.getElementById('result').innerHTML = results[result];
        });
      document.getElementById('btn').addEventListener('mousedown',function(){
            this.className = 'pushed';
          });
      document.getElementById('btn').addEventListener('mouseup',function(){
              this.className = '';
          });
    })();

覚えるもの

• Math.floor(Math.random() * (n+1))//0からnの乱数表示
• document.getElementById('btn') // idを取得する。
• addEventListener(type,listener,)
• innerHTML //与えられた要素に含まれる全てのマークアップと内容を設定または取得します。
• className //要素の class 属性の値の取得 / 設定に用います。