Confused about parseFloat()

Question

I thought I'd try out the parseFloat() command but it only kind of works in my own example but only if I log just the converted strings to the console but not when I combine them with a string.
When I wrote this (my values were 4.50 + 5.50 + 2.50):
```JavaScript
var orangesPrice = prompt('How much do oranges cost?');
var bananasPrice = prompt('How much do bananas cost?');
var applesPrice = prompt('How much do oranges cost?');
console.log(parseFloat(orangesPrice) + parseFloat(bananasPrice) + parseFloat(applesPrice));
```
The console returned 12.5
But when I wrote this: 
```JavaScript
var orangesPrice = prompt('How much do oranges cost?');
var bananasPrice = prompt('How much do bananas cost?');
var applesPrice = prompt('How much do oranges cost?');
console.log('Wow! Fruit costs ' + parseFloat(orangesPrice) + parseFloat(bananasPrice) + parseFloat(applesPrice) + '? That is way too expensive!');
```
The console returned:
"Wow! Fruit costs 4.55.52.5? That is way too expensive!"
The values are still strings right? I don't understand why it's doing that.
I didn't have this problem with parseInt()

Chyno Deluxe · Accepted Answer

Hello Nate,
What is happening here is the first example is converting the numbers into a string due to concatenation. It is taking all the entered values and adding them as string values as is, rather than adding them first.
To avoid this problem you can do change the order of operation by adding parenthesis around the parseFloats, this way they get added together before logging the entire string. 
Like this. jsFiddle Example (https://jsfiddle.net/veo9wL6s/1/)
javascript
console.log('Wow! Fruit costs ' + (parseFloat(orangesPrice) + parseFloat(bananasPrice) + parseFloat(applesPrice)) + '? That is way too expensive!');

I hope this helps.

Welcome to the Treehouse Community

Looking to learn something new?

Nate Jonah

Nate Jonah

Confused about parseFloat()

1 Answer

Chyno Deluxe

Chyno Deluxe

Cena Mayo

Cena Mayo

Nate Jonah

Nate Jonah