Welcome to Bucaro TecHelp!

Bucaro TecHelp
HTTPS Encryption not required because no account numbers or
personal information is ever requested or accepted by this site

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Concatenating a String and Another Data Type

To concatinate two or more strings, use + (the concatination operator). To concatinate a string and a number, also use the concatination operator. This is because JavaScript coerces (converts) the number to a string. Shown below is an example:

var amt = 4.35;
var total = "The total is " + amt;
alert(total);

Result: The total is 43.45

Using the + operator with two numbers will add the two numbers and return the sum. Shown below is an example:

var amt1 = 4.35;
var amt2 = 5.65;
var total =  amt1 + amt2;
alert(total);

Result: 10

But using the + operator with a number in a string data type and a number returns a string with an incorrect result. Shown below is an example:

var amt1 = 4.35;
var amt2 = "5.65";
var total =  amt1 + amt2;
alert(total);

Result: 4.355.65

To use the + operator with a number, or numbers, in a string data type requires passing the strings to either parseInt() or parseFloat() to convert the strings to numbers. An example is shown below.

var strNum1 = "43";
var strNum2 = "35";
var total = parseInt(strNum1) + parseInt(strNum2);
alert(total);

Result: 78

More Java Script Code:
• Easy JavaScript Picture Selector Code
• Java Script Code for a Random Circle Generator
• Java Script to Dynamically Add, Remove, and Change Items in a Select List
• Easy Slide Show Code
• HTML5 Canvas Drag-and-Drop
• JavaScript 24-Hour Trainer
• HTML5 Canvas lineCap and lineJoin Attributes
• What is a Regular Expression?
• Disable IE8 Accelerators on Your Website
• JavaScript Code to Restrict Keyboard Entries

RSS Feed RSS Feed

Follow Stephen Bucaro Follow @Stephen Bucaro



Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2025 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268