練習1-2:JS點擊

【範例結果】

一、前置作業

二、【box】反覆點擊

S1:點擊【box】消失

S2:利用【setTimeout】計時器,並結合【Math.random】非固定頻率顯示【box】

note:若sytle #box{display: none;}  利用JS顯示開啟畫面

S3:運用【Date.now】方法,在頁面新增點擊反應秒數

note:在HTML結構中,加入【時間:<span id=”time”></span>】

參考連結:HTML DOM Document 對象HTML DOM innerHTML 屬性

延伸說明:

(1) HTML DOM querySelector() 方法 介紹

參考連結:HTML DOM querySelector() 方法HTML DOM Document 對象

(2) HTML DOM querySelectorAll() 方法

參考連結:HTML DOM querySelectorAll() 方法(EN)

HTML DOM innerHTML 屬性HTML DOM textContent 屬性