Backstory:

During a storm I was calculating approximately how far away the lightning was by counting, then I double checked myself with an online calculator. It was when I was using the online calculator that I got the idea to create one of my own. Then I wrote it down in my notes for a project for the future. And now is the future, I finished it and it works! I did some fun CSS to make it look cool, though I don’t think it’s a great color scheme, I should probably do more research into color theory and web design in the future.

Features:

Input box

I made and styled an input box for the seconds of time between when a person sees the lightning and when they hear the thunder.

Calculate

I added and styled a calculate button that takes the input box’s input and returns the distance away from the user the lightning is.

Display box

I made and styled a display box that displays the distance from the user the lightning is in the metric selected.

Metrics

I added three buttons for different metrics the user can use, the default is miles but in addition there is a kilometers button and a meters button.