DEV Community

Clark Weckmann
Clark Weckmann

Posted on • Originally published at weckmann.me on

Easy Javascript Typing!

EasyType.js

What is EasyType.Js??? Well it is a super simple way to create a typing effect! EasyType.js (minified) is only 0.293kB.

How To

Step 1

Add The CDN or download EasyType.js

<script src="https://cdn.clarkhacks.com/easytype.min.js"></script>
Enter fullscreen mode Exit fullscreen mode

Step 2

Define what will be typed.

var easyText = ['Apples', 'Pineapples', 'Peaches'

Enter fullscreen mode Exit fullscreen mode

Step 3

Tell EasyType what element to target.

var easyTarget = document.getElementById('EasyTypeJs'

Enter fullscreen mode Exit fullscreen mode

Step 4

Start EasyType with the easyTyper Function.

easyTyper

Enter fullscreen mode Exit fullscreen mode

Example

See the Pen EasyType.Js by Clark Weckmann (@clarkhacks) on CodePen.

<br />


Reply via email

Top comments (0)