JavaScript Height Converter Project

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

1. Download the source code from the github repository above.
2. Delete the contents of the app.js file.
3. Implement the JavaScript code in your own app.js file.
4. If you think you need to see a video solution first, be sure to pick up Bluelime's 27 JavaScript Projects Beginner Course .
5. 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.

Need to see the video solution for this project?

Need to see the video solution for this project? Get Bluelime's JavaScript for Beginners: Create 27 Projects from Scratch Course Now!