JavaScript 基礎 サイコロ

サイコロ

HTML

<form>
  <input type="button" value="サイコロ" onClick="altRan2()">
  <span id="sai">-</span>
</form> 

JavaScript

function altRan2() {
  var r = Math.floor(Math.random() * 6) + 1;

  document.getElementById('sai').innerHTML = r;
}

Math.floor()

引数として与えた数以下の最大の整数を返します。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Math/floor

Math.random()

0–1（0以上、1未満）の範囲で浮動小数点の擬似乱数を返す

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Math/random

element.innerHTML

Element オブジェクトの innerHTML プロパティは、要素内の HTML または XML のマークアップを取得したり設定したりする

https://developer.mozilla.org/ja/docs/Web/API/Element/innerHTML