How to Make An Auto Typing Text Effect Using Html Css & Javascript

Create a beautiful auto typing text effect with html css and javascript
❤ Subscribe : / @htmlcamp
___
Typed Js :
github.com/mat...
___
Download Finished Project :
mega.nz/file/C...
___
Facebook : web.facebook.c...
Instagram : / html_camp
Shorts Channel : / @htmlcampshorts5006
___
Credits
Images Credit : www.pexels.com
Music Credit : TH-cam Audio Library
___
Check out other videos
✅How to Create A Website with a Video Background with Html and Css
• How to Create a Websit...
✅How to Create a Website Header Section With Html Css and Javascrip :
• How to Create A Header...
___
Tags
#qrcodegeneratorinhtml
#qrcodegenerator
#howtomakeaqrcodegenerator
___
Tools Used
Download VS Code :
code.visualstu...
Download Opera :
www.opera.com/...
Download Movavi Video Editor:
www.movavi.com...
Flashback Express (Screen Recorder) :
www.flashbackr...
___
Remember to subscribe and leave a like. Drop all your comments in the comment section. I will try my best to answer them.
Thanks for watching. I really appreciate you :)
#html #css #javascript

[@htmlcamp]

Attention !!!
I made a mistake when recording the video and I'm now realizing it.
At 2:32 instead of making it
looped : true, make it
loop : true.
Sorry for this mistake

[@THISISDAMILOLA1]

Cool, it worked

[@oyeniranoluwaseun6068]

Thank you. Just about to ask about this.

[@adefilasaheed5171]

It's not working after making the corrections

[@SarvarbekIlyosov]

Thank you it worked

[@caleb003]

​@@adefilasaheed5171 Don't put the dot (.)

[@SarvarbekIlyosov]

Thank you so much, bro! I am subbed the channel and clicked like❤

[@Vapou]

if it's too fast, change typespeed and backspeed to typeSpeed and backSpeed ! :)

[@vinayakbhosale3125]

is there any way to hold the text for a while before changing.. if there's please let me know!

[@Vapou]

@@vinayakbhosale3125 Hi ! you can use this
backDelay: 700,
it is 700 by default, you can increase it to make it last longer like backDelay: 2000,

[@sumaiyakhan941]

best best best...! Your vedio help me alot.

[@cheekypigg]

you saved my day ! thank you

[@ColeHartman1]

One thing to notice is that the script tag has to be above your other html not below

[@MarzoukRayen]

merci !!!

[@MR_CIQ]

Thank you sir! Btw, I sub.

[@shrutichouksey1324]

thank u so much...............

[@ritikmodanwal810]

Thanks alot brother ❤️

[@htmlcamp]

No problem 👍

[@poompoompoom]

if it's doesn't work try loop instead of looped it's worked for me

[@Drdestruction_27]

Not working...even after i recorrect the mistake... i check every bit

[@adefilasaheed5171]

Same here and he's not addressing it

[@user-uh9ki5uf4h]

copy and paste it, it will work.
var typed = new Typed('.auto-type', {

strings: ['your first sentence', 'see fdfdfd', 'thank you'],
typeSpeed: 130,
backSpeed: 130,
loop: true,
});

[@user-uh9ki5uf4h]

@@adefilasaheed5171
var typed = new Typed('.auto-type', {

strings: ['your first sentence', 'subscribe', 'thank you'],
typeSpeed: 130,
backSpeed: 130,
loop: true,
});

[@saneekhan1496]

sir its not working on my browser

[@parasbabiya9133]

it was really helpful

[@htmlcamp]

Really glad 😊

[@princesoni5483]

Great video

[@wisdommathematics389]

Important note for those their own are not working!
Change: var typed = new typed ()
To: var typed = new Typed()
Notice that I changed from lower case t in new typed, to upper case T in new Typed
2. To reduce the speed of typing, increase the value in typeSpeed and backSpeed to a value higher than the 150.
I think we are good to go

[@lucifergaming2026]

people who are getting problem because of looped change key into loop instead of looped
it will work then

[@kartikwarbhog4205]

I think no need to write "Programmer" in the span tag because we mentioned it in string

[@htmlcamp]

I put it in the span tag so that only that text will be auto typed. Also, so that i can apply style like color to only that text. Anyways, Thanks

[@kartikwarbhog4205]

​@@htmlcampYou helped me a lot thank you ❤

[@kartikwarbhog4205]

​@@htmlcampBut one problem is there I put typespeed and backspeed 150 but it's typing speed is very fast

[@RajeshKumar-of9jo]

Super

[@prosenjeetsarker]

why stop animation ?

[@htmlcamp]

check pinned comment for correction. Sorry for inconvenience 🙏

[@chinubunny9974]

I showed the message like - these are the default text. you know what should you do . have a great day ! how to remove this by our own text

[@WasifTaj-ff2nq]

I have the same problem
Did you found the solution?

[@O10OOO0i]

Same problem bro😂,its like joke for the user maybe

[@funwith960fps9]

👍

[@amoljadhav5088]

It's not working

[@htmlcamp]

I made a correction please check the pinned comment. Sorry for that

[@HexClan-vl2yw]

😅

[@tobyspooner2460]

it's way too quick

[@Vapou]

hi ! change typespeed and backspeed to typeSpeed and backSpeed ! :)

[@mohammedabdulrahman4056]

its too fast

[@mohammedabdulrahman4056]

i mean the animation its not changing even when i change typespeed and backspeed

[@Vapou]

hi ! change typespeed and backspeed to typeSpeed and backSpeed ! :)