Creating a Show/Hide Password Button | Web Design Tutorial | HTML, CSS, Javascript

It's super easy to create your own show/hide password button using some plain HTML, CSS and JavaScript - learn how to in this video.

Support me on Patreon:

Follow me on Twitter @dcode!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

[artofchickens]

I truly appreciate your videos. They are so high quality with such great content. You deserve many subscribers!

[rostyslav]

Wow, this video is so gold, thanks! sub + like + bell notification activated, good job!

[anonymus]

thank you very much dude!!! I just started learning js =)
waiting for new videos))))

[jamesmassa]

As always Dom - thank you! - Very useful! Great stuff!

[artofchickens]

You should upload more web development videos! Also, have you ever tried Python? If so, you should make tutorials! You're awesome!

[abulalalalalaabulala]

function showPassword() {
if (passwordInput.type == "password") {
passwordInput.type = "text" ;
} else {
passwordInput.type = "password";
}
Isn’t this more convenient ? The showPassword function is set by the html file onclick = "showPassword"
}

[rostyslav]

Can't understand this ''data-of'' thing, and why we getting that by ID of(button, dataset.for). Will appreciate any source where I can find out more about that. Thanks!

[pregoadisaputro]

What's your keyboard you use?
And what's theme you use?