Adding numerical values in javascript

[stylishjm]

OK heres the code

   if ( p[0] == 'price2' ) {
     document.getElementById("3").innerHTML = p[1];
     document.getElementById("4").innerHTML = p[1] + 5;
     document.getElementById("5").innerHTML = p[1] + 15;
     document.getElementById("3").innerHTML = p[1].replace('+', ' ').replace('%C2%A3', '£').replace(' UK', ' ');

Basically the code underlined is what I need help with.
The p[1] is the price taken from a previous page and what I need it to do is to add it to the value. At the moment it is just adding iti to the end of the number. For example if p[1] is 10, then on the first underlined line the result would be 105, the second it would show 1015.

http://www.edgwarelocalcars.co.uk/Booking2.html

[RamananKalirajan]

Use parseInt()

document.getElementById("3").innerHTML = parseInt(p[1]);
document.getElementById("4").innerHTML = parseInt(p[1]) + 5;
document.getElementById("5").innerHTML = parseInt(p[1]) + 15;

Whatever the value you fetch from input,it will be considered as a string. To convert string to an integer use parseInt()

Thanks and Regards
Ramanan Kalirajan

[Dormilich]

that’s silent type casting, since the + operator is used for addition and concatenation. try 5 + p[1], or if that doesn’t help use parseFloat() or parseInt().

[stylishjm]

Ok great, now with the .replace lines in my original post, would I have to enter the parseInt and the + whatever amount or would that just apply for the
document.getElementById("4").innerHTML = p[1] for example.

Update: Just tried with the ones without the .replace and it only shows the orignal value with nothing added. Then tried

document.getElementById("5").innerHTML = parseFloat(p[1]).replace('+', ' ').replace('%C2%A3', '£').replace(' UK', ' ')+15;

and the results come up as NaN
http://www.edgwarelocalcars.co.uk/Bo...e2=%C2%A310.00

(by the way please dont press book as im using a trial formmail account)

[Dormilich]

Update: Just tried with the ones without the .replace and it only shows the orignal value with nothing added. Then tried

document.getElementById("5").innerHTML = parseFloat(p[1]).replace('+', ' ').replace('%C2%A3', '£').replace(' UK', ' ')+15;

and the results come up as NaN

naturally. replace() is not a method of the Number object. change your parentheses:

document.getElementById("5").innerHTML = parseFloat(p[1].replace('+', ' ').replace('%C2%A3', '£').replace(' UK', ' '))+15;

[stylishjm]

still giving me NaN!

     if ( p[0] == 'price2' ) {
     document.getElementById("3").innerHTML = p[1];
     document.getElementById("77").innerHTML = p[1];
     document.getElementById('77').value = document.getElementById('3').innerHTML
     document.getElementById("4").innerHTML = parseFloat(p[1])+ 5;
     document.getElementById('4').value = document.getElementById('3').innerHTML
     document.getElementById("5").innerHTML = parseFloat(p[1])+ 15;
     document.getElementById('5').value = document.getElementById('3').innerHTML
 
     document.getElementById("3").innerHTML = p[1].replace('+', ' ').replace('%C2%A3', '£').replace(' UK', ' ');
     document.getElementById("77").innerHTML = p[1].replace('+', ' ').replace('%C2%A3', '£').replace(' UK', ' ');
     document.getElementById("4").innerHTML = parseFloat(p[1].replace('+', ' ').replace('%C2%A3', '£').replace(' UK', ' '))+5;
     document.getElementById("5").innerHTML = parseFloat(p[1].replace('+', ' ').replace('%C2%A3', '£').replace(' UK', ' '))+15;

[Dormilich]

what is giving you NaN?

[stylishjm]

"3" and "77" are fine but "4" and "5" (which use the parsefloat( ) ) give the NaN

http://www.edgwarelocalcars.co.uk/Bo...e2=%C2%A311.60

[Dormilich]

line 5/7 or 12/13?

and what is p[1]?

PS. terminate every statement with a semi-colon and technically, IDs must not start with a number.

[stylishjm]

and what is p[1]?

params[p[0]] = p[1];

line 5/7 or 12/13?

Both im guessing. Im not too good with code so if possible, you will have to look at the source code of the link i posted in the previous post

[Dormilich]

Both im guessing. Im not too good with code so if possible, you will have to look at the source code of the link i posted in the previous post

look it up in the error console

and what is params[]?

[stylishjm]

Nothing coming up on error console and params[] Im not sure what it is or what it does but someone who wrote the code for me had it there for a reason. If you read the whole thread everything was working fine untill I needed to use the parseint / parsefloat to get the values to add

[Dormilich]

do you have a page, where I can look at that?

[stylishjm]

http://www.edgwarelocalcars.co.uk/Bo...e2=%C2%A311.60

[Dormilich]

from first glance, p[1] is the wrong URL parameter (letters usually give NaN in parseFloat())

[stylishjm]

OK what would I have to chage it to? Is there an alternative to parsefloat?

[Dormilich]

the alternative is not using p[1], but the correct value.

the incorrect thing is: p[1] = "ha8+7ej%C2%A0UK"

[stylishjm]

so I would put this instead for example?

document.getElementById("5").innerHTML = parseInt(price2.replace('+', ' ').replace('%C2%A3', '£').replace(' UK', ' '))+15;

Edit: Still comes up with NaN

[Dormilich]

of course, parseFloat("ha8") naturally returns NaN.

[stylishjm]

in the example I showed in the post before this one, the value is 'price2' which is the id of the variable passed over that I need to be "parsed" yet it still doesnt work. It doesnt contain any addresses or what not, just numbers and "£" sign.

[Dormilich]

tip: check your html

works neither in Chrome nor Safari
Error: NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7 - Booking2.html:189

findings from Dragonfly:
p[1] = "%A311.60" which is parsed into NaN, or in other words, your replace search string doesn’t match.