DEV Community

loading...
Cover image for CodePen Challenge: Dots & Dashes

CodePen Challenge: Dots & Dashes

Drawcard
I like to design and code and tinker with stuff $ wget github.com/drawcard
・1 min read

This week's CodePen Challenge is based on an open interpretation of the theme "Dots and Dashes".

As a solution to this, I decided to build on the theme of morse code, and create something interactive and educational.

Using a library, morse-decoder, I wrote a simple JS script that listens for key inputs, and then this is encoded into morse code and output on the screen. As a bonus, the audio version of that morse code character is also played.

Check it out here (click inside the preview below first, so the script can detect your key press!)

See the Pen CPC 2021-07-1 Dots & Dashes by Drawcard (@drawcard) on CodePen.

Discussion (0)