Skip to content

A simple chatbot where you can order different varieties of Pizza, Pasta or Salad. This project focuses on DOM manipulation using JavaScript, how to use functions and different scopes.

Notifications You must be signed in to change notification settings

ericamechler/Food-Chatbot

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Food Ordering Chatbot

We have built a functional chatbot interface using JavaScript, HTML, and CSS. The chatbot can interact with users, ask questions, display messages, and respond with precision. The assignment was done in pairs/small groups.

The problem

We bulit a chain of messages, that passes information through arguments. A setTimeout function is then used to trigger the next message to appear on screen. The chatbot provides the user with food options in the form of buttons. Based on the users answer it is then provided with different subtype options. We did this using if-statements.

To make the insert field transform into buttons, we used DOM-selectors and event listeners.

We focused on trying to fully understand what the code means, making sure everybody follows before we went forward to then next task. If we had more time we would have like to try implementing a drop down menu and a button to start the conversation. Focus more on styling and trying out animations and sound effects.

View it live

https://guileless-biscochitos-0d55cd.netlify.app/

About

A simple chatbot where you can order different varieties of Pizza, Pasta or Salad. This project focuses on DOM manipulation using JavaScript, how to use functions and different scopes.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 72.4%
  • CSS 19.3%
  • HTML 8.3%