N3ov / javascript_practice

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

javascript_practice## 解說

Math.random()方法是在JavaScript中產生亂數的一個方法。不論你要作野球拳遊戲,還是線上博杯拿大獎的應用程式,都可以用它來產生亂數。

Math.random會隨時產生一個0到1的浮點數,它的基本用法如下:

Math.floor(Math.random() * 6) + 1

上面的語句代表要產生1到6的整數亂數 1代表開始數字 6代表可能情況有6種

所以如果是以最大值max,最小值min來寫這個語句,這也是產生整數的亂數,會像下面這樣:

Math.floor(Math.random() * (max - min + 1)) + min

作業一

一個線上抽獎的活動,客戶說有下面幾個獎品:

  • 50吋液晶電視 1台
  • PS4遊戲機 3台
  • 手機行動充電器 10台
  • 7-11的100元購物券 100張

預計參與抽獎的人數有1萬人,要如何來寫這個程式的抽獎過程的應用程式?


作業二

請製作一個手機遊戲的抽卡程式,卡片抽中的機率為:

  • 3星卡 2%
  • 2星卡 18%
  • 1星卡 80%

作業三

請練習宣告以下的變數與常數

範例:

單筆資料: 一個班級中的學生個人資料,每個學生有姓名、學號、出生年月日,請宣告一個學生的資料即可

const student = { id: 'B1093306', name: '陳天才', birth: '2003-01-02' }
  • 單筆資料: 線上表單的填寫資料結果,填寫的資料有姓名、電話、住址、是否已經滿18歲
  • 單筆資料: 線上遊戲角色的玩家資料,資料有姓名、性別、職業名稱、等級(數字類型)、智力(數字類型)、力量(數字類型)、體力(數字類型)

作業四

請將 data.js 裡的學生資料,使用HTML中的表格(table)顯示於網頁上。

提示:

表格的標頭(th)為學號姓名生日,範例程式碼如下:

<table>
    <thead>
        <tr>
            <th>學號</th>
            <th>姓名</th>
            <th>生日</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>107012</td>
            <td>陳逸虹</td>
            <td>990518</td>
        </tr>
    </tbody>
</table>

About


Languages

Language:JavaScript 51.0%Language:HTML 44.8%Language:CSS 4.2%