HELLOWORLD.BAT - VanillaJS plain text editor

Stephanie Eckles - Mar 29 '20 - - Dev Community

Inspired by this week's Codepen challenge to create something related to "HELLO WORLD" using Javascript, I decided to mimic an old-school DOS terminal.

If you missed the typing animation, click "Rerun" in the bottom right of the Codepen frame.

This uses Javascript to "type" the content, and CSS animation for the cursor.

The layout was made in a snap with CSS grid 😎

While not truly a full editor, you can type in your own content thanks to the humble contenteditable HTML attribute.

It would be neat to level this up by actually moving the cursor animation wherever you click, and perhaps provide some kind of fun functionality to create working menus 😊 Feel free to fork and make it happen!

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player