stardance has been extended another month! the new deadline is october 31 :)

You are browsing as a guest. Sign up (or log in) to start making projects!

Calculator

  • 3 Devlogs
  • 3 Total hours

I am going to be making my first calculator. (STILL A NEWB)

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Shipwright walkthrough

Ship #1 Changes requested

I made a calculator for the first time using mostly HTML, CSS, and JavaScript. While I do have past experience using HTML and CSS, I am not too familiar with JavaScript so defining the buttons was harder than it should have been.

  • 3 devlogs
  • 3h
Try project → See source code →
Open comments for this post

1h 10m 56s logged

After the whole incident last time I tried to redeem myself making a better calculator-like layout for my buttons and defined them . I also made the text that appeared at the top to show itself in a way that it seems as if someone is typing it in, and used the setTimeout to get rid of the letters after 20 seconds giving someone time to read it before it disappears. I at first wanted to make the numbers that appear in the display box or the intro sentences to have the same color animation as the buttons or the border of the display box but ultimately just chose to give it a text-shadow to make both pop out more. I kind of wanted to add a little bit of more interactive affects, but I may just submit it now and wait for feedback.

0
0
33
Open comments for this post

27m 7s logged

Soo, I have to admit that there were a few bumps. I thought that I was having trouble syncing the commits from VS Code to the GitHub Platform and spent the majority of my time trying to figure out what was wrong. It turns out that I was looking at the wrong repository for GitHub and everything was working perfectly. While it may say I spent 27 minutes coding, I spent maybe an hour debugging and going back and forth between the two platforms. : I

0
0
19
Open comments for this post

1h 18m 31s logged

This is the very first time I am making a calculator so please stand by. I wanted to make one that wasn’t so bland so I used the @keyframes to make the animation for the borders of the buttons and display box. I still haven’t had the buttons defined yet in JavaScript so I will work on that tomorrow as well as some animation changes to the dialogue that is above the display box of the calculator. I don’t know what else to add to this project , but I will try to brainstorm for anything unique that I can add for now.

0
0
22

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…