Posts

Create Password hidden and seeing toggle in javascript | Javascript Projects

Image
 Hello friends, in this post I will tell you about how to hide and see the password. We create a toggle button for this. when the user clicks on this toggle then the password will be seen otherwise hidden. Whenever you log in and enter the password, then you get the option by clicking on which you can see the password. Let's understand with the example of Gmail. When you enter Gmail, after that the option of password comes, in which you see an option whether you want to see the password or not. Explore our website for more javascript projects  Table of content -  Overview of password hidden and seeing toggle in javascript Source code  Overview of password hidden and seeing toggle in javascript -  In this project, we use HTML CSS, and javascript language. First, we create an input box for passwords. Added toggle button. For the toggle button use the font awesome icon. For this project thanks to   coding artist . Source code - Html code -  < body >     < div class = "

Random password genrator using html css and javascript | Javascript project -14

Image
In this post, I will tell you how you can create a random password generator project with JavaScript.When you click on the Random Password Generator button, a random password is generated in it. In this password, the character number and symbol are mixed. On Our coding jodhpur website are making several JavaScript projects. you explore. Table of content -  Overview of Random password generator project  Source code  Overview of random password generator project -  We have made this project with the help of HTML and javascript. Create buttons and text boxes in HTML. This functionality is added with the help of JavaScript. Math.random function is used to generate random passwords. Source code -  We had less code for HTML and javascript, so we wrote them in a single file. This file is saved with an HTML extension. Source code is given below which you can use. Html & javascript code -  <! DOCTYPE HTML > < html > < head > < title > Generate a Random Password usin

Create Motivational Quote genrator using html css and javascript | Javascript project - 13

Image
 In this post, we will learn how to make a quote generator with the help of JavaScript.We are going to use API in this project. The full name of API is Application Programming Interface. It will get random quotes. There are many other JavaScript projects built on our coding jodhpur website. Explore our website. Table of content -  Overview of Motivational quote generator project Source code  Overview of motivation quote generator project -  This is a motivation quote project. In this, you see the motivational quote with the name of its writer. Below is a button on which you will get different quotes if you click on it. We have taken the API of a third-party website in this. this is a quote API. Source code -  Created separate files for this project.Html CSS and javascript files.Link CSS and javascript files in HTML.Source codes are below. If you are mobile user and you will not see full codes then you switch to desktop side mode. Html  <! DOCTYPE html > < html lang = "e

Emoji Slider in Html css and Javascript | Javascript project 13

Image
 In this post, I will tell you how you can make an emoji slider. You must have seen a slider, it is a line that starts from 0 and goes to 100. We put emoji instead of a number in it. For example, if it is 0 then it is an angry emoji, if it is 10 then it is a sad emoji. In this way, we add with emoji slider. I created 40+ javascript projects on my website. Table of content -  Overview of Emoji slider project  Source code of Emoji slider  Overview of emoji slider project -  We have created an emoji slider with the help of HTML CSS and javascript. We have added the slider with the input tag of HTML. Javascript has been used to add emoji to it. CSS is used to give the look of the slider. Source Code -  We have created three different files for HTML CSS and javascript. The source code is given below which you can use. Html -  <! DOCTYPE html > < html lang = "en" > < head >     < title > Emoji slider </ title >     < style >     </ style >

Create Animated counter in Html css and javascript | Javascript project -12

Image
 In this post, we will learn how to create an animation counter using HTML CSS, and javascript. You must have seen this type of counter on many websites. Like there is an online course website, on this type of website you will get to see something like this counter. Like how many students bought the course. What is the rating of the course? how many students are satisfied. Hope you like it -  Calculator App using HTML CSS and javascript Created Stopwatch using html css and javascript We created 40+ javascript projects on this website. Enroll now for these projects. Table of content -  Overview of Animated counter project  Source code of the animated counter project  Overview of animated counter project -  We have created an animated counter. In this counter, 4 sections have been made, one section is Facebook's second Instagram, third Twitter, and fourth YouTube.When the website is refreshed, the numbers written in these sections increase in an animated way. Source code of animated

Make Copy to clipboard with javascript | Javascript project - 11

Image
Copy to clipboard project is going to be made in this post. In this project, there is a text written inside a textbox and there is a button. When you click on the button, all that text gets copied. If you want to copy any text on your website, then you can use it. We have developed several JavaScript projects on this website. Explore this website for more projects. Table of content -  Overview of copy to clipboard project  Source code  Overview of copy to clipboard project -  Made this project with the help of HTML CSS and java. First, we have created a text box and a button. It is designed with CSS. Some dummy text content has been added in this box, When the user clicks on the copy button, the content gets copied. In simple language, how can we make copy-paste program with the help of JavaScript, it has been made. Source code of copy to clipboard project -  The source code is given below which you can use. We have created three different files in it. The first file is of HTML, the se