How to extract a value from an element and, optionally, round it

Ciprian on Thursday, August 22, 2019 in JavaScript DOM, Methods, Events and Scopes

NEW! Learn JavaScript by example. Code snippets, how-to's and tutorials. Try now!

This JavaScript snippet will extract a price from a DOM element, remove all alphanumeric characters, such as currency or symbols or other words, and return it.

The second snippet will also round the value.

let price,
    priceValue;

// Extract value
price = document.getElementById('price');
priceValue = parseInt(price.innerText.replace(/[^0-9.]/g, ''));

document.getElementById('result').innerHTML = priceValue;

// Extract value and round it
price = document.getElementById('price');
priceRounded = parseFloat(price.innerText.replace(/[^0-9.]/g, '')).toFixed(2);

document.getElementById('result-rounded').innerText = priceRounded;

See a fiddle here.

Related posts

Leave a Reply

Your email address will not be published. Required fields are marked *