Combining retrieved values with javascript and jquery [duplicate] - javascript

This question already has answers here:
Closed 10 years ago.
Possible Duplicate:
How do I Convert a String into an Integer in JavaScript?
I have a select element that contains options for products. What I want to achieve is when they pick an option the price on the page automatically adjusts. I have figured out how to retrieve those values but when I combine them it just puts two numbers together instead of actually adding them.
For example instead of outputting 60 when I have 50 + 10 it outputs 5010.
My code:
$('.product_options').change(function(){
var base_price = $('#base_price').html();
var add_price = $(this).find("option:selected").data('price');
var new_price = base_price+add_price;
console.log(new_price);
$('.current_price').html(base_price+add_price);
});
Is there a way I can convert them both to integers so the operation actually goes through?
Thanks in advance!

Use parseInt
$('.product_options').change(function(){
var base_price = parseInt($('#base_price').html(), 10); // 10 as second argument will make sure that base is 10.
var add_price = parseInt($(this).find("option:selected").data('price'), 10);
var new_price = base_price+add_price;
console.log(new_price);
$('.current_price').html(base_price+add_price);
});

Try:
var base_price = +$('#base_price').html();
var add_price = +$(this).find("option:selected").data('price');
See the mighty: Mozilla's Arithmetic Operators Reference - Unary Negation

Any values you pull out of the DOM are going to be strings, and need converting into number types before you can do mathematical operations with them.
parseInt( ... ) is a built in javascript function that converts a string into an integer, if the string consists of digits only.
If you need a decimal number, you can use parseFlaot.
var new_price = parseInt(base_price)+parseInt(add_price);
// new_price is now set to the sum of `base_price` and `add_price`

Use parseFloat or parseInt
$('.product_options').change(function(){
var base_price = $('#base_price').html();
var add_price = $(this).find("option:selected").data('price');
var new_price = parseFloat(base_price) + parseFloat(add_price);
console.log(new_price);
$('.current_price').html(base_price+add_price);
});

Yes there is.
intval = parseInt(string)
is what you're looking for.

Related

How to get a number from HTML form and pass it to JavaScript? [duplicate]

This question already has answers here:
How to convert a string to an integer in JavaScript
(32 answers)
Closed 7 years ago.
I am trying to calculate Body Mass Index by receiving Weight and Height from HTML form and passing it to JavaScript code by .getElementById();. But, as far as I understand, type of data received from form is "string" and I need to receive a "number". How can I solve this problem?
Use parseInt().
var a = "10";
var b = parseInt(a);
See : http://www.w3schools.com/jsref/jsref_parseint.asp
var a = document.getElementById("whatever").value;
// You can use any 3
+a; // Unary Operator
parseInt(a, 10); // parseInt with radix 10
Number(a);
you can use function parseInt(string) that Convert string into int .Now in your senario :-
var weight_str = document.getElementByID("weight");
var weight_int = parseInt(weight_str);
this will give you the result.

wanted to add two floating number which gets concatenated as string

i want to add two float number with fixed two decimal but its converted to string and get concatenated.I know its simple question but actually i'm in hurry
var a=parseFloat("15.24869").toFixed(2)
var b=parseFloat("15.24869").toFixed(2)
Update when i enter input as
var a=parseFloat("7,191");
var b=parseFloat("359.55");
c=(a+b).toFixed(2)
O/P:NAN
why so?
The .toFixed() method returns a string. Call it after you've performed the addition, not before.
var a=parseFloat("15.24869");
var b=parseFloat("15.24869");
var c=(a+b).toFixed(2);
After that, c will be a string too, so you'll want to be careful.
As to your updated additional question, the output is not NaN; it's 366.55. The expression parseFloat("7,191") gives the value 7 because the , won't be recognized as part of the numeric value.
Just add parenthesys to parse float the whole result string
var a=parseFloat((15.24869).toFixed(2));
var b=parseFloat((15.24869).toFixed(2));
c=a+b
doing c = a + b adds the two answers together. You might just want to turn them into a string then concatenate them.
var a=parseFloat("15.24869").toFixed(2)
var b=parseFloat("15.24869").toFixed(2)
var c = (a.toString() + b.toString());

how to use Javascript "document.getelementbyid" [duplicate]

This question already has answers here:
Why won't my inputs value sum?
(5 answers)
Closed 8 years ago.
i am trying to make a maths engine with JavaScript and HTML.
Here is (http://i.stack.imgur.com/NCEa4.jpg)
The alert from the js alert() function works but the output from it is wrong:
'HTMLObject'
Value of the input field is always a string. So when you use + operator with two strings it concatenates them. If you want to add two numbers you need first to convert strings to numbers. There are multiple ways to do it, for example:
var plus = parseInt(one) + parseInt(two);
Or you can use Number(one), or another unary + operator: +one + +two, but this might look confusing.
Use 'parseInt()' function to convert those values to integers first and then add the values.
make your variable plus like this:
var plus = parseInt(one) + parseInt(two);
You need to enclose your function code in curly braces { & }.
So Use:
function Maths(){
var one=document.getElementById("fid").value;
var two=document.getElementById("sid").value;
var plus=Math.parseInt(one)+Math.parseInt(two);
alert(plus);
}
Also use parseInt() to make data type conversion to convert to int in JavaScript.
Hope it'll help you. Cheers :)!!
Will be better if you use second argument in parseInt for be sure that value will be in decimal system.
function Maths() {
var one = document.getElementById("fid").value,
two = document.getElementById("sid").value,
plus = Math.parseInt(one, 10) + Math.parseInt(two, 10);
alert(plus);
}

Text box not showing decimal values jQuery

In my jQuery program, I have 3 textboxes. One for net weight, one for rate and the last readonly text box for amount. The amount textbox calculates the product of the rate and the netweight textboxes and displays the result.
function amtcal(id)
{
var ab="#a"+id;
var ntwt=parseInt($(ab).val(),10);
var a="#"+id;
var rval=parseInt($(a).val(),10);
var product=rval*ntwt;
var abc="#aa"+id;
$(abc).val(product);
}
Check out the working example at jsFiddle.
The program is working but the error that it is causing is that it ignores the decimal values. If I input the following :-Nt wt = 5.5 | Rate = 5.2, the output is given as 25.
Don't use parseInt to convert text to numbers unless the result you want really is an integer. parseFloat or Number will do the job here. ;)
Just remove parseint and let it be rval=$(a).val();
You're using parseInt which will remove all decimal values (making it an int), use parseFloat instead which will keep it (thus making it a float).
Use this JS:
function amtcal(id)
{
var ab="#a"+id;
var ntwt=parseFloat($(ab).val());
var a="#"+id;
var rval=parseFloat($(a).val());
var product=rval*ntwt;
var abc="#aa"+id;
$(abc).val(parseFloat(product).toFixed(2));
}
Here .toFixed() is used to show 2 digits after decimal point.
I have update jQuery code and updated in jsfiddle.
Here is updated jQuery.
function amtcal(id){
var ab="#a"+id;
var ntwt=$(ab).val();
var a="#"+id;
var rval=$(a).val();
var product=rval*ntwt;
var abc="#aa"+id;
$(abc).val(product);
}

How to convert a string return from a JQuery slider UI into a number

I have two sliding bars and I want to get the value the user sets them to and do some maths on it. var days and var total are my attempts to do this. I was taking it that the UI slider stores its values as stings and not integers. But both my attempts below, then use either just return a NaN value? So what am I doing wrong?
var days = parseInt($(this).attr('#day_output'), 10);
var total = parseInt($('#amount_outputTotal'));
var fees = 5;
var valueout;
valueout = 60 * days + fees;
$(document).ready(function() {
$('#Output').html(valueout);
});
Many Thanks Glenn.
Why would a slider, which is a representation of numbers, store the value as strings? You can get the value (or values, if two handles) with the following code
var val_single = $('#your_slider').slider('value');
var val_array = $('#your_slider').slider('values');
Please rtfm http://jqueryui.com/demos/slider/
One of our projects using jqueryUI ahs following code:
fixed = $().fixFloat(ui.value);
I understand that this might don't suit your needs.
Try to change from parseInt to parseFloat and also output via console:
$(this).attr('#day_output')
Why here is nothing like .attr or .val or something?
$('#amount_outputTotal')

Categories