Star Calculator - Stardance

Ship #1

@Lauren_hackalicious on Star Calculator · about 2 months ago

I made a calculator right before the 2026 spring break cycle at my school. When creating that calculator, I followed a step-by-step tutorial. I did all the coloring myself, but that felt more like a test run.

I was thinking of many ways to display my new abilities in CSS, and thought, “Why not make a version 2 of my first calculator?” I built this from scratch and applied everything I learned in the past 3 months. I feel great about this project since it only took ~2 hours, and it’s something I can tell people I made on my own.

I will admit I did fork the JavaScript code because I haven’t set aside time to learn the language, but maybe version 3 could be me creating a calculator without forking from a previous project. I also used GitHub Copilot to figure out how to place the display section of the calculator next to the Kirby PNG.

3 devlogs
2h
1.64x multiplier
4 Stardust

Try project → See source code →

Open comments for this post

@Lauren_hackalicious on Star Calculator · about 2 months ago

43m 49s logged

web-calculator v2 is COMPLETE.

I polished the buttons and gave them some color. I embedded a Kirby PNG, similar to my first iteration. I added a button click sound :) I hope you all enjoy testing out and using this calculator

Open comments for this post

@Lauren_hackalicious on Star Calculator · about 2 months ago

1h 9m 36s logged

I got all the buttons to work using JavaScript and have begun working on styling ideas! Compared to my first iteration, I’ve definitely improved my CSS styling. Link to my first calculator: https://example0d1n.github.io/calculator/

Open comments for this post

@Lauren_hackalicious on Star Calculator · about 2 months ago

22m 26s logged

I’m making a Kirby-star themed calculator! This is an upgrade from my first “mymelody” calculator from 3 months ago. I just added the buttons, and I’m currently working on making them work in JavaScript.