<p><img src="/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Funsplash%2FA9Msi-vUNKg%2Fupload%2Fv1641057624596%2Fex5weEXH9.jpeg%3Fw%3D1600%26h%3D840%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp&amp;w=3840&amp;q=75" alt="Auto Type" /><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1652469038578/ymd0x_6Sx.json" alt /></p>
<p>Photo by</p>
<p><a target="_blank" href="https://unsplash.com/@andrewtneel?utm_source=Hashnode&amp;utm_medium=referral">Andrew Neel</a> on <a target="_blank" href="https://unsplash.com/?utm_source=Hashnode&amp;utm_medium=referral">Unsplash</a></p>
<h1 id="heading-auto-type">Auto Type</h1>
<h2 id="heading-how-to-create-a-auto-typing-in-your-website">How to Create A Auto typing in Your Website ???!!!</h2>
<p>[<img src="/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1645823553390%2FoHcqD2UHc.png%3Fw%3D200%26h%3D200%26fit%3Dcrop%26crop%3Dfaces%26auto%3Dcompress%2Cformat%26format%3Dwebp&amp;w=640&amp;q=75" alt="Programming-School's photo" /></p>
<p>](<a href="https://hashnode.com/@Programing-School" class="autolinkedURL autolinkedURL-url" target="_blank">hashnode.com/@Programing-School</a>)</p>
<p><a target="_blank" href="https://hashnode.com/@Programing-School">Programming-School</a></p>
<p>·<a target="_blank" href="https://programming-school.hashnode.dev/auto-type">Jan 1, 2022</a>·1 min read</p>
<p>Subscribe to our newsletter and never miss any upcoming articles</p>
<p>Subscribe</p>
<p>Listen to this article</p>
<p>Your browser does not support the audio element.SPEED1X</p>
<h3 id="heading-table-of-contents">Table of contents</h3>
<ul>
<li><a target="_blank" href="https://programming-school.hashnode.dev/#heading-hello">Hello</a><ul>
<li><a target="_blank" href="https://programming-school.hashnode.dev/#heading-how-to-make-a-auto-typing-with-javascript">How to make A Auto Typing with JavaScript !!???</a><ul>
<li><a target="_blank" href="https://programming-school.hashnode.dev/#heading-thank-you-for-reading-out-blog">Thank you for reading out blog</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<p>![channels4_profile.jpg] (<a target="_blank" href="https://cdn.hashnode.com/res/hashnode/image/upload/v1641057637283/vpZGPiOZq.jpeg">cdn.hashnode.com/res/hashnode/image/upload/..</a>)</p>
<h1 id="heading-hello">Hello</h1>
<h2 id="heading-how-to-make-a-auto-typing-with-javascript"><strong>How to make A Auto Typing with JavaScript !!???</strong></h2>
<p>1- In Your Project or website but any class name in span like this:</p>
<blockquote>
<p><code>&lt;span class="auto"&gt;&lt;/span&gt;</code>  </p>
</blockquote>
<p>2- insert this script tag</p>
<blockquote>
<p><code>&lt;script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"&gt;&lt;/script&gt;</code></p>
</blockquote>
<p>3- open your JavaScript File<br />4- past this code in your JavaScript File :</p>
<blockquote>
<p><code>var typed = new Typed(".auto", { strings: Your Text or list like ["Mohamed Ehab", "Fantastic website"] and etc..., typeSpeed: 100, backSpeed: 100, loop: true, });</code>  </p>
</blockquote>
<p>5- If the code not working ⚒ check your script tag to connect your html file to JavaScript file !!!  </p>
<h3 id="heading-thank-you-for-reading-out-blog">Thank you for reading out blog</h3>
<p><img src="/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1594643755644%2F40RNtU1Zj.png%3Fh%3D64%26w%3D64%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%26auto%3Dcompress%2Cformat%26format%3Dwebp&amp;w=128&amp;q=75" alt="Post reaction" />1</p>
<p><a target="_blank" href="https://programming-school.hashnode.dev/#write-comment"></a></p>
<p><a target="_blank" href="https://twitter.com/share?url=https%3A%2F%2Fprogramming-school.hashnode.dev%2Fauto-type&amp;text=Auto%20Type%0D%0A%7B%20by%20%40Programing_Pro%20%7D%20from%20%40hashnode%0D%0A"></a></p>
<p>Share this<a target="_blank" href="https://twitter.com/share?url=https%3A%2F%2Fprogramming-school.hashnode.dev%2Fauto-type&amp;text=%20%40Programing-School"></a><a target="_blank" href="http://www.reddit.com/submit?title=Auto%20Type&amp;selftext=true&amp;text=%20https%3A%2F%2Fprogramming-school.hashnode.dev%2Fauto-type"></a></p>


![Auto Type](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Funsplash%2FA9Msi-vUNKg%2Fupload%2Fv1641057624596%2Fex5weEXH9.jpeg%3Fw%3D1600%26h%3D840%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=3840&q=75)![](https://cdn.hashnode.com/res/hashnode/image/upload/v1652469038578/ymd0x_6Sx.json)

Photo by

[Andrew Neel](https://unsplash.com/@andrewtneel?utm_source=Hashnode&utm_medium=referral) on [Unsplash](https://unsplash.com/?utm_source=Hashnode&utm_medium=referral)

Auto Type
=========

How to Create A Auto typing in Your Website ???!!!
--------------------------------------------------

[![Programming-School's photo](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1645823553390%2FoHcqD2UHc.png%3Fw%3D200%26h%3D200%26fit%3Dcrop%26crop%3Dfaces%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=640&q=75)

](https://hashnode.com/@Programing-School)

[Programming-School](https://hashnode.com/@Programing-School)

·[Jan 1, 2022](https://programming-school.hashnode.dev/auto-type)·1 min read

Subscribe to our newsletter and never miss any upcoming articles

Subscribe

Listen to this article

Your browser does not support the audio element.SPEED1X

### Table of contents

*   [Hello](https://programming-school.hashnode.dev/#heading-hello)
    *   [How to make A Auto Typing with JavaScript !!???](https://programming-school.hashnode.dev/#heading-how-to-make-a-auto-typing-with-javascript)
        *   [Thank you for reading out blog](https://programming-school.hashnode.dev/#heading-thank-you-for-reading-out-blog)

!\[channels4\_profile.jpg\] ([cdn.hashnode.com/res/hashnode/image/upload/..](https://cdn.hashnode.com/res/hashnode/image/upload/v1641057637283/vpZGPiOZq.jpeg))

Hello
=====

**How to make A Auto Typing with JavaScript !!???**
---------------------------------------------------

1- In Your Project or website but any class name in span like this:

> `<span class="auto"></span>`  

2- insert this script tag

> `<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>`

3- open your JavaScript File  
4- past this code in your JavaScript File :

> `var typed = new Typed(".auto", { strings: Your Text or list like ["Mohamed Ehab", "Fantastic website"] and etc..., typeSpeed: 100, backSpeed: 100, loop: true, });`  

5- If the code not working ⚒ check your script tag to connect your html file to JavaScript file !!!  

### Thank you for reading out blog

![Post reaction](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1594643755644%2F40RNtU1Zj.png%3Fh%3D64%26w%3D64%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=128&q=75)1

[](https://programming-school.hashnode.dev/#write-comment)

[](https://twitter.com/share?url=https%3A%2F%2Fprogramming-school.hashnode.dev%2Fauto-type&text=Auto%20Type%0D%0A%7B%20by%20%40Programing_Pro%20%7D%20from%20%40hashnode%0D%0A)

Share this[](https://twitter.com/share?url=https%3A%2F%2Fprogramming-school.hashnode.dev%2Fauto-type&text=%20%40Programing-School)[](http://www.reddit.com/submit?title=Auto%20Type&selftext=true&text=%20https%3A%2F%2Fprogramming-school.hashnode.dev%2Fauto-type)