hi everyone welcome back in our brand new tutorial and yeah it's been a long time since I uploaded my
last video but from now I will definitely try to upload videos more often and today in this
tutorial I'm going to talk about chat GPT yeah it is one of the current trending topic on the
internet and today we will see what chat GPT can do for us okay and before we start if you guys are
new in my channel then please please subscribe like this video and press the Bell icon for the
future videos and if you guys have any question about this video then please do let me know in
my comment section now first open your browser and search for chat GPT and from here you have to open
this first link and if you scroll down a little bit then you will find a try chat GPT button or
if you scroll down to the footer session you will find the chat GPT here also so you have to just
click one of this link so I'm going to click this one and now if you already have an account then
just log in and if you don't have any account then create account by sign up okay so after creating
an account you will find the interface like this here you will find some examples you will find the
capabilities of this tool and you will find the limitations as well and using this chat GPT tool I
will try to create a contact transform using HTML CSS and JavaScript and now I will check if this
chat GPT can write some HTML CSS and JavaScript code for creating a contractors form so for doing
that just go to here and here we have to just give a command and this chart gpt tool will try
to follow this command so now first of all I will just type write a HTML code for a contact as form
and then type enter and here you can see that it is writing some instructions and it is writing
the code and here we can see the chat GPT have created a form tag and then it is creating some
levels inputs and text areas and button and then form and that is the pretty much of the code so
I will simply copy this code from here and you can read these specifications also that's it it
is done now I will simply copy this code from here and then I will go to my code pen and then I will
paste the code inside of my code pen HTML section now save and in the right section here you can see
that it does create a name level text area and the email section and then the button also now I
will try to add some stylings also so now what I'm going to do I'm going to write another command and
this time it will be add CSS also let me see if this chat GPT follows my this is a small command
okay now here you can see that it is writing the CSS code also okay it is writing the styles
and it has written the styles for the form for the labels
and for the input and text areas and for the button also okay okay it is styling some
okay so here you can see that it is writing the form tag again
okay so this is the stylings and the form tag also now I will add another command and this time
I will try to add JavaScript also and now I want to see how this chat GPT implement the functions
for this contractors form now just type enter and let's see here you can see that it is writing the
JavaScript part also for the validation purpose okay here is the script tag we have a function
validate form and it is creating some variables and it is taking the elements
and here we have a if section okay so here we have email return and validate the message field okay
so the form is valid okay if the form is valid okay okay so now here you can see that it is
writing the form tag again okay it is creating the HTML tag again okay okay so here you can see that
it has written the form it has written the form and the script tag also so what I will simply
copy this code and then I will just paste it here that's it okay so now here you can see that we
have our name email and then message okay so now what I will do is I will simply go to the top chat
gpt has already written some style sheets also so I will simply copy these settings from here so
copy the stylings and then go to the form and then paste it here okay so here you can see that we
have a proper contact us form we have the scripts for the validation part we have a settings for the
style sheet and we have the form tag we have the HTML form tag for the HTML structure and this is
so cool guys here you can see that without writing a single line of Code by ourselves we have created
a contact us form using chat GPT now I really want to see if our script validation part is working or
not here you can see that it is the validate form function I want to see if this function
actually works or not here you can see that we have a name feed so what I'm going to do is I'm
going to just click on the sub it button without writing anything and here you can see that we have
an notification here it is saying that please enter your name so I will simply write a name
and then I will simply click submit button again and now it is saying that
we have to write an email address so let me just write email address
that's it now let's type submit again and now it is saying that please enter a message okay
so I will simply write hi and now if I click on the submit button I know it will not work
because we are working on our code pen but I really want to see what happens
so if I click the submit button and the form just vanished and here is our conductors form
again and the guys here you can see that without writing a single line of Code by ourselves we can
create some really cool things using chatgpt and here you can clearly see that the chat GPT
is created this contractors form by writing HTML CSS and JavaScript code and I was wondering if
the script part will work or not but yeah I think it is working here you can see that it is doing
all the validation part for the contractors form and the stylings are also working and that the
form is also correct and yeah if the chat CPT can write HTML CSS and JavaScript code then I
hope you guys already know that this chat GPT can write various other programming languages
as well and yeah it is very exciting news for us and I have one question for you guys let me know
in my comment section if this chat GPT is good for us or not and if you guys have created any
cool things using chat activity then let me know that in the comment section as well and that's it
I hope you guys enjoyed this video and if you guys really do then please please subscribe
like this video and press the Bell icon for the future videos see you guys in our next tutorial