Beep Boop Counter

Application to take a number input from the user and return a list counting from zero to that number, current version: Nov 2019

By Alyssa Colistro

Description

This application is designed to take a number string from the user, parse the string into an integer/number datatype, generate an output counting from 0 through the given number and output each count into a list that is shown to the user after they hit submit. There are special rules, though. If the number includes a "1", "2", or "3", the application will return a message in place of that number.

Specs

The program take input from user and parse it to an integer
- Input Example: "23"
- Output Example: 23
Use for loop to push every number from 0 to the inputted number into an empty array
- Input Example: 5
- Output Example: [0, 1, 2, 3, 4, 5]
Use a forEach function to change numbers that include 1, 2 or 3 to a sentence string.
- Input Example: [0, 1, 2, 3, 4, 5]
- Output Example: [0, "sentence", "sentence", "sentence, 4, 5"]
Append each element to ul and show list to user upon submit.
Clear list and provide new output upon every click of submit without need for page refresh.

Setup/Installation Requirements

Clone this github repository
Open files in your text editor
Edit script as necessary or simply drag index.html to your browser window to use the application as is
Your browser needs to be the most current version of Chrome in order for this application to run as intended.
Your text editor must be able to handle HTML, CSS and JavaScript.
You may access the gh-pages version of this application by following this link: acolistro.github.io/week-3

Known Bugs

There are no known bugs with this application at this time as long as it is viewed in the chrome browser. Also, this application is not designed to work with web accessibility tools.

Support and contact details

If you are exploring this application and are confronted with any issues or questions, please feel free to send me an email at arcolistro@gmail.com.

Technologies Used

This application was built using the Atom text editor, GitBash and a google chrome browser. The languages used are HTML, CSS and Javascript. The diractories used are Bootstrap 4.3.1 for css and jQuery 3.4.1 for JavaScript.

License

No licensing is necessary for the current version of this application as the background image is labeled for reuse and the font is free from google fonts

acolistro/week-3