From e18347072772cc30e087ed0159226898b5892f2a Mon Sep 17 00:00:00 2001 From: HomamS Date: Sun, 15 Sep 2019 14:51:08 -0400 Subject: [PATCH] Week8 Homework --- index.Js | 25 +++++++++++++++++++++++++ index.html | 7 +++++-- 2 files changed, 30 insertions(+), 2 deletions(-) create mode 100644 index.Js diff --git a/index.Js b/index.Js new file mode 100644 index 0000000..ca1fbdc --- /dev/null +++ b/index.Js @@ -0,0 +1,25 @@ +//here we are going to define and declare object and inside the object I define two arrays +const object = { + input:['Hello','How are you?','What is your favourite colour?'], + output:['Hi','Great!','I have so many favorites it hard to choose one'] + }; + console.log(object); +//here we define function called reply and this function will let the chatpot to give me the proper anwers based on the input the we give + function reply(){ + //I defince variable called question and I put inside this variable the value (input from user) + let question = document.getElementById('input').value; + //I used if statement to check the input and give the outpot + if(object.input.includes(question)){ + //here we define variable called i, inside this variable i checked the index of the input based on the location in array + let i= object.input.indexOf(question); + //last step is to give the output location based on the input location in the array + document.getElementById('output').textContent = object.output[i]; + + } + else{ + document.getElementById('output').textContent = "I don't understand that command. Please enter another"; + + } + } + //finally i used eventlessenors to activate the click button in chatBot + document.querySelector('button').addEventListener("click", reply); diff --git a/index.html b/index.html index 4793879..50d78ee 100644 --- a/index.html +++ b/index.html @@ -2,6 +2,8 @@ My First Chatbot + + @@ -13,8 +15,9 @@

Talk to your bot!

Chat history

-
+ + - \ No newline at end of file +