Sunday, January 8, 2017

Project 1: JavaScript Calculator

      This our first project of this school year and it's by far the most difficult project we've ever completed in this class. The target of this project 1 is to create a calculator that can add, subtract, multiply, and subtract multiple numbers using HTML, CSS, and JavaScript. I knew how to create a simple calculator for calculating just two numbers but I didn't know how to have more than just two numbers. Most of us didn't know what to do in this project. Although there are a lot of resources online, it's quite complicated to understand in a small amount of time. I really wish I had the time to be able to fully understand all the code, but I didn't. In the HTML file, I used divisions and spans to create the calculator using the method taught by my teacher. In the CSS file, it was mostly inspire by the calculator from The Code Player (http://thecodeplayer.com/walkthrough/javascript-css3-calculator). 
I really like the modern design to it so I made a very similar looking CSS to it, but I did customize it to fit the colors of my theme, using mainly blue, white, and some red and orange. Then I changed the sizes to my liking. The JavaScript is where I did't fully understand, I followed the tutorial from The Code Player and typed accordingly to its code suing mostly if/else statements. But since I was very busy with other important things outside of the classroom resently, I didn't have the time to fully understand all the JavaScript needed to create a calculator. I'm quite disappointed by myself because I usually understand everything pretty quickly and complete the project better than I expected. But since I really want to understand what I didn't, I will redo the whole project and try my best to understand everything later on when I'm not as busy.

No comments:

Post a Comment