Javascript: Convert numbers inside the string

Question

Im working on a simple conversation form, where I need to input dimensions ex. 12x24x36 inches to 304.8 x 609.6 x 914.4 mm.

My problem is I don't know how to compute convert those numbers separately.

I manage to remove the x but all the numbers merge.

Thanks, I hope you understand me.

here is my sample code

HTML

<h4>Dimensions</h4>
<label>inches <input id="number1"></label>
<label>mm <input id="number2"></label>
<button type="button" onclick="myFunction()">convert</button>

JS

function myFunction() {
var inches = document.getElementById("number1").value;

  var removex = inches.replace(/x/g,"");

  var input = parseInt(removex);

document.getElementById("number2").value = input
}

CODEPEN

https://codepen.io/anon/pen/yPpmej

Look at the string .split() function..inches.split("x") gives you an array of the numbers. Or if you want to use regex I'd match on the numbers, not on the x's: inches.match(/\d+/g). — nnnnnn
– nnnnnn, Commented Nov 20, 2017 at 2:53
You would need to split on something, be it a whitespace or an X. You need to decide on the desired input, validate to ensure that only valid input is specified, clearly state the input requirement, and then calculate based on the split. — Obsidian Age
– Obsidian Age, Commented Nov 20, 2017 at 2:55

Mark · Accepted Answer · 2017-11-20 02:55:25Z

3

If you have a string like:

 var str = '304.8 x 609.6 x 914.4 mm'

You can use split() and parseFloat() to get an array of numbers with:

var str = '304.8 x 609.6 x 914.4 mm'
var numbers = str.split('x').map(parseFloat)
console.log(numbers)

You just need to know your input format so you can adjust for other variations.

parseFloat() will ignore any non-numeric characters after the numbers so it works well for stripping units.

answered Nov 20, 2017 at 2:55

Mark

92.7k8 gold badges116 silver badges156 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ronit Mukherjee · Accepted Answer · 2017-11-20 03:10:33Z

1

If your receiving "12x24x36" as input(string) then for complete desired result update your function as below:-

function myFunction() {
  var inches = document.getElementById("number1").value;
  var inchesArr = inches.split("x");
  var mmArr = inchesArr.map(function(i) {
    return parseFloat(i) * 25.4;
  });
  var mmString = mmArr.join("x");

  document.getElementById("number2").value = mmString;
}

answered Nov 20, 2017 at 3:10

Ronit Mukherjee

4052 silver badges10 bronze badges

Comments

score 1 · Accepted Answer · 2017-11-20 15:47:24Z

1

EXPLANATION

You can convert your input example 12x24x36 into an array via str.split('x'), then do the math conversion from inch to millimeters (x inches * 25.4) and push those back into a new array of millimeters values. Then you can rejoin those values with an x via str.join('x') and put them back into your document. Here's what it looks like.

SCRIPT

function myFunction() {
  var inches = document.getElementById("number1").value.split('x');
  var millimeters = [];
  for (var i = 0; i < inches.length; i++) millimeters.push(parseInt(inches[i]*25.4));
  document.getElementById("number2").value = millimeters.join('x');
}

CODEPEN

https://codepen.io/anon/pen/KyZOYb

edited Nov 20, 2017 at 15:47

answered Nov 20, 2017 at 3:22

user4513271

Collectives™ on Stack Overflow

Javascript: Convert numbers inside the string

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related