愛寫扣 JavaScript_0922

─ 基本的函數操作、onclick 事件 ─

onclick= " myFunction ( ) "onclick 稱為「事件屬性」，放在標籤裡

此屬性的功能是去執行 myFunction，後面的小括號 () 代表執行的意思，這邊的 myFunction 是「函數」，名稱可隨便命名 


                function myFunction()
                {
                  alert('Hello！');
                  alert('Hello！Hello!');
                }


─ 基本的變數操作、從 html 取得內容 ─

document . getElementById ( ' keyword ' ) . value


  • alert( ) ; 用來顯示訊息視窗的函數，括號內可以放字串及變數
  • document 是一個 JS 在瀏覽器中內建的「物件」，代表網頁當下的狀態
  • 後面的 . 代表去呼叫這個「物件」的「函數」，或者去存取這個「物件」的「屬性」
  • getElementById (' keyword ') 這函數會去找出網頁中 id 為 keyword 的元素
  • . value 功用就是去存取元素的 value 屬性

                function myFunction()
                {
                  const str = document.getElementById('keyword').value;
                  alert(str+"歡迎");
                }