Welcome to Bucaro TecHelp!

Bucaro TecHelp
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

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 Java Script Butterfly Animation
• Replace Drop-down with Drag-and-drop
• Code for Java Script Circle/Sphere Calculator
• Object-Oriented JavaScript
• Java Script to Dynamically Add, Remove, and Change Items in a Select List
• Calculate The Points of an Equilateral Triangle
• Calculators For Your Web Site : Length Units Converter
• Round a Float to 4 Digits to the Right of the Decimal Point
• HTML5 Canvas Drag-and-Drop
• Binary Subtraction with Example JavaScript Code

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-2018 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268