九九乘法

<span id="num_a">6</span> * <span id="num_b">8</span> = <span id="answer">???</span>

<br>
<input type="button" value="換一題" id="btnQ">
<input type="button" value="看答案" id="btnA">

html語法

九九乘法

document.getElementById('btnQ').onclick = function() { show_question(); }
document.getElementById('btnA').onclick = function() { show_answer(); }

 

//此為一開始設定的值 6*8
var a = 6;
var b = 8;

 

 

javascript語法

九九乘法

function show_question()
{
  //javascript random是0~0.9999xxxx 的隨機亂數，所以需要x10個(0-9數字之意)，讓它變整數，因為可能抓到0，所以得到會是random*0，所以需要加1，讓它跑出來的數字是1~9
 // 若是玩骰子，則是需要x6個(0~5數字之意)，需要加1，還原成為；1~6。Math.floor是取餘數之意(取整數)
  a = Math.floor(Math.random()*9) + 1
  b = Math.floor(Math.random()*9) + 1
 
  document.getElementById('num_a').innerHTML = a;
  document.getElementById('num_b').innerHTML = b;
  document.getElementById('answer').innerHTML = '???';
}

 

javascript語法

九九乘法

function show_answer()
{
  var ans;
 
  ans = a * b;
 
  // console.log('AAAAAAA');  
  document.getElementById('answer').innerHTML = ans;
}

 

javascript語法