DOM 操作 1.選取DOM元素在進行 DOM 操作前，首先要選取我們想要修改的 HTML 元素。JavaScript 提供了幾個常用方法來選取 DOM 元素：(1)getElementById()：...
大家好～我是姐姐恩！身為資訊小白的我，起初對於參賽主題非常苦惱，最後決定利用此次機會，延續學校的課(Java)，了解網頁前端三劍客之一的JavaScript！所以接下來30天，我將在這裡紀錄我當天的學...
今天是第十一天我們可以寫一個javascript股票網頁程式管理系統，以下是我的程式碼 股票列表顯示：顯示目前持有的股票。 新增股票：讓使用者可以新增股票到列表中，輸入股票名稱和數量。 刪除股...
陳述式：不會回傳結果。 表達式：由運算子組成，會回傳結果。 上圖是MDN給出的賦值運算子，可以理解為把右邊的運算結果給左邊的一個過程，加減乘除法想必大家都很熟了，這邊便不再撰述。 接下來是比較運算子...
物件導向程式設計(OOP) 這是一種強大的設計方式，讓我們可以使用類別 (class) 和物件 (object) 來組織程式碼，實現更高的模組化和重用性。 1.類別(Class)和物件(Object)...
物件與陣列 物件和陣列是JavaScript中常用來存儲與處理資料的結構1.物件(Object)物件是一種可以存放多個資料的結構，資料以「key-value」的形式存在。這讓我們可以透過屬性名稱（ke...
ES6+新特性 (1)解構賦值解構賦值允許你從陣列或物件中提取資料，並賦值給變數 陣列解構 let [first, second, third] = ["red", "g...
1. 變數作用域 (Scope) 作用域其實就是變數可以在哪裡使用的範圍。我們主要有兩種作用域：區域作用域 和 全域作用域。 (1)區域作用域 (Local Scope)： 當你在一個函數裡定義變數時...
今天是第十天我們可以寫一個javascript行動支付手機網頁程式管理系統，以下是我的程式碼 1. 設計頁面架構（HTML） 首先，我們可以設計一個簡單的 HTML 架構，包含付款方式的顯示與管理功能...
JavaScript Drum Kit 今天是一個簡單的鍵盤監聽事件，當按到對應的鍵盤時，會有css的變化，和聲音播放．原本影片是放入爵士鼓的聲音，但我個人後來有發現有趣的Web Audio API，...