JavaScript30

How to implement a Whack-A-Mole game using JavaScript.

How to implement video playback speed control using JavaScript.

How to implement video playback speed control using JavaScript.

如何使用 JavaScript 來實現點擊並拖動的效果。

How to create a follow-along navigation effect using JavaScript and CSS.

How to understand event capture, propagation, bubbling, and one-time events using JavaScript.

How to implement a sticky navigation bar using JavaScript and CSS.

How to use JavaScript and the Web Speech API to implement speech synthesis.

How to use JavaScript and CSS to create a follow-along link highlighter effect.

How to implement geolocation functionality using JavaScript and the Geolocation API.

How to use JavaScript and Web Speech API to implement speech recognition functionality.

How to use JavaScript and HTML5 getUserMedia API to implement webcam functionality.

How to use JavaScript reduce method to calculate total video duration.

How to sort arrays in JavaScript while ignoring articles.

How to use LocalStorage for data storage and management.

How to use JavaScript and CSS to create text shadow effects that follow mouse movement.

Understanding the differences between reference and copy in JavaScript, with various methods for copying arrays and objects.

Create an animation effect where images slide into view when scrolling to specific points.

Display surprise images on the page after entering a secret code.

Custom video player with features including play, pause, volume, speed, fast forward, rewind, and fullscreen.

Check multiple checkboxes while holding the Shift key

DOM break on & practicing console methods

Practice working with Canvas

Second round of array practice, including some, every, find, findIndex, and slice

Practice using CSS flex and JavaScript to create an image expansion effect on click

用 fetch 去 get 城市資料，並用正規表達式來回傳搜尋相關程式

Practice array methods including filter, map, sort, and reduce

Using JavaScript and CSS3 to adjust image border spacing, blur effect, and background color. The title "JS" also changes with the background color.

Today we are making an analog clock using CSS and JavaScript. The main challenge is calculating the rotation degrees for the clock hands.

Since the Level 3 pandemic alert, staying at home has led to an irregular schedule and unproductive activities (mostly watching shows and scrolling on my phone). Recently, I finally realized this needed to change and started implementing the "10 Billion Morning Habit"