diff --git a/chatbot2.js b/chatbot2.js
new file mode 100644
index 0000000..f786789
--- /dev/null
+++ b/chatbot2.js
@@ -0,0 +1,105 @@
+//I declared variable for users inputs
+ //and, each input have three possible output.
+
+ var firstData = [
+ { input: ['hello', 'hi', 'greetings'],
+ output : ["Hey", "Hello", "Greetings"]
+ },
+
+ { input: ['what is your favourite colour?', 'who is your favourite hyf instructor?', 'who is your role model?'],
+ output: ['I am not sure.', 'There are too many to choose from.', 'I like everyone.']
+ },
+
+ { input: ['how are you?', 'how is the weather today?', 'how is canada doing in the olympics?'],
+ output: ['Fine', 'Great', 'Not so good']
+ },
+
+ { input: "show me a dog",
+ output: showMeaDog()
+ },
+
+ { input: "set an alarm",
+ output: delayedAlert()
+ }
+ ];
+
+//console.log(firstData);
+
+function reply(){
+
+ // this variable taking the input from what user type and make it lowercase
+ var question = document.querySelector("#input").value.toLowerCase();
+
+ // this variable will store the answers from the chatBot
+ var history = document.querySelector("#output");
+
+ // this is for to choose random number from 0 to 2
+ var randomNumber = Math.floor((Math.random() * 3 ));
+
+ // I assigned an array with no value.
+ var filterType = null;
+
+// this variable searching the input arrays for possible answers.
+
+const filtered = firstData.filter((item) => item.input.includes(question));
+
+let shortAnswer = output[0].output.sort((a, b) => a.length - b.length );
+let longAnswer = output[0].output.sort((a, b) => b.length - a.length);
+
+/* I declared a conditional statement to check if users input and data input are matching or not.
+If they are matching, it will give the possible answer depends on which radio button that user clicked. */
+ if(filtered.length > 0)
+ {
+
+ //if the user choose shortest answer
+ if(document.querySelector("#shortest").checked === true)
+ {
+ var computer = shortAnswer;
+
+ //if the user choose longest answer
+ }
+ else if(document.querySelector("#longest").checked === true){
+
+ var computer = longAnswer;
+
+ //if the user choose random answer
+ }
+ else {
+ var computer = filtered.output[randomNumber];
+ }
+
+ // if the user enters a input that is not in the input data
+ }
+ else {
+ history.textContent = "I don't understand that command. Please enter another";
+ }
+
+ history.innerHTML += `You: ${question}\nbot: ${computer}\n`
+};
+
+// attached a 'click' event listener to button to call function.
+document.getElementById("submit").addEventListener("click", function(){
+ reply()
+});
+
+
+// function to get image with API and display it on the HTML page
+
+function showMeaDog(){
+ var image = new XMLHttpRequest();
+ image.onreadystage = function() {
+ if (image.readyStage === 4){
+ const data = JSON.parse(image.responseText);
+
+ document.getElementById("apiImage").setAttribute('src', data.message)
+ }
+ }
+ image.open('GET', "https://dog.ceo/api/breeds/image/random", true);
+ image.send(null);
+}
+
+// function to show a message after 2 seconds
+function delayedAlert(){
+ setTimeout( function(){
+ alert("Did you forget about me? It’s your friend, the Alarm!");},2000);
+}
diff --git a/index.html b/index.html
index c516c16..a080cb2 100755
--- a/index.html
+++ b/index.html
@@ -2,6 +2,7 @@
My First Chatbot
+
@@ -9,7 +10,7 @@