如果想要透過click事件使用myFunction，可以怎麼使用呢？

<script>
function myFunction() {
    document.getElementById('strTitle').innerHTML="Hello World!";
}
</script>

最先想到的是onclick。

1. HTML的onclick屬性 觸發。

<button id="btn" onclick="myFunction()"></button>

2. JavaScript的onclick屬性

<script>
document.getElementById('btn').onclick = function() { myFunction() };

function myFunction() {
    document.getElementById('strTitle').innerHTML="Hello World!";
}
</script>

那還有什麼嗎?

3. JavaScript的addEventListener方法

<script>
document.getElementById("btn").addEventListener("click", function() { myFunction() });
</script>

優點是:

• 可添加多個事件，在點擊時皆會觸發，但若是使用2. onclick，則後一個會覆蓋前一個。
• 支援多種事件。
• 可解除綁定事件，使用removeEventListener。
  (尚未在實際應用上使用過，故沒辦法深刻理解)
  另外在技術文件上亦提到
• DOM標準的一部分，在兼容性問題時更穩定。
• 事件Bubbling與事件Capturing。
  (會再繼續認識關於這兩個東西!)

4. jQuery的click()方法
   需要添加一段jQuery

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

就可以繼續

<script>
    $("#btn").click(function() { myFunction() });
</script>

心得:
工作後, 若沒有持續學習新知的心, 就會一直困在一個領域裡. 但是, 當離開了熟悉的環境後, 新的工作並不會等待你理解所有事情, 於是, 就成了自己也不喜歡的那種人: "會動就好".