在一般JavaScript中，若要使用innerHTML同時插入標籤、文字、圖片、連結，需要使用很多的 '字串' 和 + 變數名稱 相連結，不過如果同時要插入很多，使用這樣的方式太麻煩，而且容易少打或...
我是一位網頁設計師，在公司從設計到切版，都由我完成，因為在切版時，偶爾會遇到畫面需要一些簡單的效果，寫著寫著，對程式產生了興趣。因此想往前端工程師發展，決定打好基本功，從0開始學javascript，...
本題解完有劇情對話喔! 05. Client-side-again Can you break into this super secure portal? https://2019shell1.p...
DOM 操作 範例：按下按鈕 #btnNow 時， div#show 裡顯示今天日期： document.querySelector('#btnNow').addEventListener("...
e.stopPropagation 阻止事件傳遞 阻止事件冒泡，你加在哪邊，事件的傳遞就斷在哪裡，不會繼續往下傳遞。 HTML: <div class="outer">...
在使用者與網頁的互動中，如果我們今天設計了一個按鈕(button)給使用者點擊，但是我們又不能預知使用者會在甚麼時間點下觸發，在這樣尷尬的情況中就會需要用到JS的監聽事件(addEventListen...
if...elseif 後面的小括號內，為條件式；當條件成立時會執行大括號內的程式碼，稱為陳述式。如果在條件不成立的時候，也想要執行特定的動作，就在 if 大括號外面使用 else 語法。 if (條...
續前篇～接續脫稿（目錄）演出，來一波 JS ~ 下篇再回到原本軌道繼續未完的 CSS 人生…… Function 一連串的處理、一群指令的集合。 定義 function() 起手式 定義有名字的...
以菜菜子的我來說，學習 JavaScript 只要每天懂一點點，好像沒那麼困難了，反而還意外的有趣！ 還記得我們昨天做的 click 的例子嗎？我們來用這個例子來寫出監聽的事件 var clicker...
樣板字面值 Template literals 做字串和變數串接，或是變數和表達式串接 const name = "yinmin"; const str = '我的名字是' + n...