/javascript30

Melaozhu's JavaScript 30 Chanlleges.

Primary LanguageHTML

JavaScript 30

Melaozhu's JavaScript 30 Chanlleges.

Table of Contents

01 - JavaScript Drum Kit

Completed at 2018/10/14 by @laozhu

Features

  • Responsive layout
  • Support click event
  • Support long key press
  • Stop sound when 500ms later
  • Stop sound when sound ended

Caveats

  1. DOMException: The play() request was interrupted

02 - CSS + JS Clock

Completed at 2018/10/15 by @laozhu

Caveats

  1. Invoke setTime function once before setInterval.

03 - CSS Variables

Completed at 2018/10/16 by @laozhu

Features

  • Debouncing events with requestAnimationFrame

Caveats

  1. For compatibility reason, you should register change and input event to input[type=range]