
Hosted Project
JavaScript Height Converter Calculator (Hosted on Github Pages)
Source Files
https://github.com/JS-Beginners/height-conversion-tool (Hosted on Github)
Project Objective
This JavaScript height converter calculator project's objective to to code a calculator that converts feet and inches to total centimeters.
JavaScript Used
- DOM manipulation
- conditionals
- parseInt()
My Personalize Summary
Today's project, like yesterday's JavaScript light switch, was also pretty simple.
In fact, the hardest part of this project was getting the values of my input fields to return blank after receiving the user's input.
It turned out that I had to move my DOM selectors to different parts of my code.
In short, I figured it out.
This was the last project I had to complete in the Bluelime 27 Projects course. I was kind of disappointed that it didn't end in excited. But, it would of, had I saved the whack-a-mole project for last.
Either way, I'm glad to be finished with these 27 JavaScript projects because now I will move on to another 50 projects that I'll hopefully have finished by the end of November.
We'll see.
New Things Learned or Refreshed
I didn't learn anything new with this project.
Like I described above, it was pretty easy so it should be super easy for you if you've taken any type of beginner JavaScript course.
But if not, don't worry. You'll get around to knocking small projects like this out of the ballpark super fast and easy.
Don't give up!
As always, if you need to see the code, follow the steps to download the source files below.
Happy coding!
Time to Code
This project took me about 30 minutes to code, including the HTML and CSS.
Your Turn!
What To Accomplish
- Download the source code from the github repository above.
- Delete the contents of the
app.js
file. - Implement the JavaScript code in your own
app.js file.
- If you think you need to see a video solution first, be sure to pick up Bluelime's 27 JavaScript Projects Beginner Course .
- Add a link to your finished project below!
What You Should See
Visit the hosted github page to see this JavaScript Height Converter Calculator in action.
Leave a Reply