JavaScript10.應用範例.001大樂透號碼產生器

.Math物件..random()亂數函數應用範例: 0.5227106202838367

大樂透號碼產生器:

號碼1 號碼2 號碼3 號碼4 號碼5 號碼6 特別號

.重點程式碼:

<p>.Math物件..random()亂數函數應用範例:
<script type="text/javascript">
  document.write ( Math.random() );
</script>

</p>

<p>大樂透號碼產生器: </p>

<table width="420" border="1">

 <tr>
  <td width="60" height="40" align="center" valign="middle">
號碼1</td>
  <td width="60" height="40" align="center" valign="middle">
號碼2</td>
  <td width="60" height="40" align="center" valign="middle">
號碼3</td>
  <td width="60" height="40" align="center" valign="middle">
號碼4</td>
  <td width="60" height="40" align="center" valign="middle">
號碼5</td>
  <td width="60" height="40" align="center" valign="middle">
號碼6</td>
  <td width="60" height="40" align="center" valign="middle">
特別號</td>
 </tr>
 <tr>
  <td width="60" height="40" align="center" valign="middle"><label for="num02"></label>
    <input name="num01" type="text" id="num01" size="2" maxlength="2" /></td>

  <td width="60" height="40" align="center" valign="middle">
    <input name="num02" type="text" id="num02" size="2" maxlength="2"/></td>

  <td width="60" height="40" align="center" valign="middle">
    
<input name="num03" type="text" id="num03" size="2" maxlength="2"/></td>

  <td width="60" height="40" align="center" valign="middle">
    <input name="num04" type="text" id="num04" size="2" maxlength="2"/></td>

  <td width="60" height="40" align="center" valign="middle">
    
<input name="num05" type="text" id="num05" size="2" maxlength="2"/></td>

  <td width="60" height="40" align="center" valign="middle">
    
<input name="num06" type="text" id="num06" size="2" maxlength="2"/></td>

  <td width="60" height="40" align="center" valign="middle">
    
<input name="num07" type="text" id="num07" size="2" maxlength="2"/></td>

 </tr>
 <tr>
  <td height="40" colspan="7" align="center" valign="middle">
    
<input type="submit" name="NumberRender" id="NumberRender" value="產生號碼" onclick="NumRender()"/></td>
 </tr>

</table>

<br />

<script type="text/javascript">

 var NumberNameArray = Array ( "num01", "num02", "num03", "num04", "num05", "num06", "num07" );
 //宣告NumberNameArray,存放表單input元件的名稱
 var NumberArray = Array ( 0,0,0,0,0,0,0 );

 //宣告產生之號碼暫存陣列

 function NumRender() { //產生號碼,有重複檢查

  for (i=1;i<=7;i=i+1) {
   for (j=1;j<=i;j=j+1){
//依序產生號碼,並依序檢查已產生並暫存於陣列內之號碼
     Num = Math.floor(Math.random()*49 + 1);
     if ( NumberArray[j-1] == Num ) {
      j=1;
     }
   }
   NumberArray[i-1] = Num;
  }
  setNumber();
 }

 function setNumber() { //將產生之號碼依序設為表單input值
  for (i=1;i<=7;i=i+1) {
   document.getElementById(NumberNameArray[i-1]).value = NumberArray[i-1];
  }
 }

</script>