DEV Community

Cover image for CodePen Challenge: Dots & Dashes
Drawcard
Drawcard

Posted on

1

CodePen Challenge: Dots & Dashes

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.

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay