Skip to content

Week8 Submission #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
aalitenaye wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Week8 Submission #10

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,19 +2,19 @@
<head>
<title>My First Chatbot</title>
<link rel="stylesheet" href="style.css">
<script src="myscript.js" defer></script>
</head>

<body>
<div id="demo">
<h1>My first chatbot!</h1>
<h3>Talk to your bot!</h3>
<input id="input" type="text" placeholder="Say something" />
<input id="input" type="text" placeholder="Say something"></input>
<button id="submit">Submit</button>
<h3>Chat history</h3>
<div id="chatBot">
<textarea id="output" name="ChatHistory" rows="15"></textarea>
</div>
</div>
</div>
</body>

</html>
</html>
25 changes: 25 additions & 0 deletions myscript.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
// In your JavaScript code, declare a variable and initialize it as an object.
//Add two properties to the object: ‘input’ and ‘output’.
let tom = {input: 'How are you?', output: 'Great!'};
//console.log() your variable to confirm that you have assigned the values correctly.
console.log(tom);
//Below your variable declaration, create a function called ‘reply’.
//In the ‘reply’ function, declare a variable called ‘question’ and assign to it the valueof the HTML <input> element.


function reply() {
var question = document.querySelector('#input'); // This is how I access HTML element input.
/*[0].attribute[0].value;*/
question.tom[0]; //--How to assign to it the value of HTML <input> element???

//Use a conditional statement to check if the value you stored in the 'question' variable matches the 'input' defined in the object you first created. ----- I couldn't figure this ???
if (question == tom[0]) {
console.log(document.getElementById('output'));
} else {
console.log('I do not understand that command. Please enter another.');
}
}
reply(); // Do I need to call the funcation?
//Below your 'reply' function, attach a 'click' event listener to the <button> element defined in the HTML file.
var listener = document.querySelector('#submit'); // Accessing HTML.
listener.addEventListener('click'); // assigning to it AN addEventListener.