Mouse Events with Inline Binding

1. Click input elements of type="button" to start or stop the oscillator.

2. Click custom buttons to play or stop the oscillator.

Mouse Events with jQuery and JavaScript EventListeners

1. Click custom buttons to toggle the oscillator on or off.

2. Click color coded div elements to toggle the oscillator on or off.

On
Off

Keyboard Events

1. Press [Q] to trigger the oscillator. Press [W] to stop the oscillator.

2. Press down [Z] to trigger the oscillator. Release [Z] to stop the oscillator.

* Keep in mind you need the latest version of Chrome, Safari or Firefox for this to work!