JS30-Day23-Speech Synthesis

一個將輸入的文字轉語音的實作，還可以控制音調和速度

重點整理

1. SpeechSynthesisUtterance

為 Web Speech API，可以藉由它讀出指定的文字，還可以設定語言，音量，音調

範例:

const msg = new SpeechSynthesisUtterance();

MDN 介紹

2. SpeechSynthesis

為 Web Speech API，上面提到 SpeechSynthesisUtterance 是可以輸出語音，調整音量，音調和選擇語言，那麼 SpeechSynthesis 就是用來控制語音的撥放和暫停及移除語音資訊的 API

MDN 介紹

JS30-Day29-Countdown Clock

建立一個倒數計時器

重點整理

1. new Date() vs. Date.now()

透過這個實作重新複習一次兩者取出的值

new Date() 取出的是有星期幾，年月日幾點幾分幾秒的格式，而 Date.now() 取出的是從現在的時間到 1970 年 1 月 1 日開始的毫秒數值

new Date() 內也可以放置 timestamp，取得過去的時間

2. 可以使用屬性 name 來綁定監聽事件

<form name="customForm" id="custom">
    <input type="text" name="minutes" placeholder="Enter Minutes">
</form>

這裡使用表單名字 customForm 綁定監聽事件

document.customForm.addEventListener('submit', function(e) {
  e.preventDefault();
  // ...
});

JS30-Day30-Whack A Mole Game

最後一天!實作一個打地鼠的遊戲

重點整理

1. e.isTrusted()

判斷事件是否由使用者操作而觸發，若是則為 true，若是由程式碼或是透過 EventTarget.dispatchEvent() 來觸發，則為 false

MDN 介紹:
https://developer.mozilla.org/zh-TW/docs/Web/API/Event/isTrusted

全部練習的程式碼都在此連結:
https://github.com/a90100/JavaScript30