form input function

separate number at decimal

by trentHarlem

HTML

<p>
type a floating point number(ex: 12.34), click submit. returns '12 34'
</p>
<input type='text' id='formInput'>
<button id='result'>Submit</button>

JavaScript

const formInput = document.getElementById('formInput')
const result = document.getElementById('result')

function separateDigits() {
  const value = formInput.value
  const separated = value.split(".");
  const separatedBySpace = `${separated[0]} ${separated[1]}`;
  const numbersArray = [Number(separated[0]),Number(separated[1])];
  console.log('string array',separated) // array with truncated number and decimals
  console.log(separatedBySpace)
  console.log('number Array',numbersArray) // 
  console.log(Number(separated[0])) // truncated number
  console.log(Number(separated[1])) // decimals
  
  return separatedBySpace
}

result.addEventListener('click', separateDigits)