Calculator
Calculator description: I wanted to add a calculator to my website so I decided to code one using HTML, CSS, and JavaScript. The calculator design was inspired by the apple calculator on iPhone’s. I wanted to have a current operation display and a previous one right above it in smaller font that displayed the last function.
Problems: • There was a visual issue regarding the color shift when hovering over a button
• Some of the numbers we clicked would not pop up on the calculator display
Solutions: • We reworked the hovering function until it worked
• We had to try inputting the numbers a different way than we previously did in order to make them all pop up properly.
Skills used/learned: • We learned how to use HTML, CSS, and JavaScript to create a simple calculator
• I used the eval function in JavaScript and HTML tags
Snake Game
Snake game description: We used the source code from the GitHub repository to be able to make the snake game appear on our sites.
Problems: • The game would interfere with other elements on the screen, and the window would scroll up and down.
Solutions: • We used spacers for the time being, then we commented out a part of the post template.
Skills used/learned: • We learned how to use HTML code to add a snake game into the website
Highest Grossing Movies Review
Highest Grossing Movies description: We got the top 25 grossing movies in the world, and made a list. It is able to sort alphabetically, by year, or by revenue.
Problems: • The list was a bit clunky to make, and some of the resources we found online to make the list did not format properly.
Solutions: • We used HTML in order to make a list exactly how we wanted.
Skills used/learned: • We learned how to use HTML code to add a movie list to our website that can be sorted in many different ways.