jQuery and AJAX Tutorials 17 | Chatbot Reactions Video Lecture | AJAX and jQuery: Complete Series for Beginners - Front-End Programming

hey what's up guys my name is Elias and
welcome to your 70s tutorial on jQuery
and in this tutorial we are going to
start adding some features to the chat
bot and I'll also teach you guys how to
add a feature by yourself so you can
figure out what else you want to add to
the chat bot and what kind of
functionality you want to append and
stuff so for now the chat bot is asking
for our name and we can say my name is
jQuery and then it's asking us how we
are doing and we can say we are good and
what if I want to ask the chat bot are
you and the chat bot won't answer of
course because well it just doesn't know
what how to react so let's just go ahead
and teach the chat bot to answer the
question how are you um yep you know in
Russa tutorials we made this nice
function called AI and what is AI
function does it takes message as a
parameter and this message comes from
the function click and when every time
when the user is sending a message the
message is not only it gets sent to the
display but also it's it's it is being
passed to this function ai by this
parameter and now we can access the
message from the user input using this
parameter so let's just go ahead and add
some new if condition so and instead of
just saying if message is equals to how
are you it is not the best way we are
going to do something else I'll just cut
it we are going to look for the phrase
how are you in the users input well it
it might sound complicated but it's not
since JavaScript provides us lots of
nice functions which do a lot for us in
this case we are going to
work with the function cold index of and
this function index of usually applied
to a variable and in our case is message
dot index off
so after index off of you need a empty
year brackets and parentheses and in
this parenthesis you just type the
phrase you're looking for in our case is
how are you so we're looking for the
phrase how are you in the users in the
users message and what this index
actually does it returns the position of
this phrase in the in this big message
so if position is positive so if it's
not negative that means that this how
are you string is it's really inside of
this message so let's just go ahead and
say if index of equals to greater equals
to 0 greater than equals 0 we should run
the following code and let's say let's
just let's pick the function send
message let's call the function send
message using this parameter just saying
saying ah thanks I am good so this is
something what will what the chatbot
will say to us when we ask it how he's
doing
all right let's just go ahead and test
so what is your name my name is jQuery
and nice to meet you jQuery how I doing
I'm doing all right
I am ok how are you yeah you know the
chat bot was able to recognize that we
asked him how he's doing and he is
answered with thanks I'm good and now we
can enter something else we can say just
good and the chat bot won't answer
so this is um this is the this is just
an example of how you add a feature to
the chat bar just using this if if
condition so in this tutorial we will
add a couple of new features to chat
BOTS and they will finish work in the
chat bot and then you will be able to
create and functions and conditions by
yourself so I hope you guys liked it and
I'll see you guys in next tutorial