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

👋 Ciprian on Thursday, August 22, 2019 in JavaScript
Last modified on Thursday, August 22, 2019

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.

Find more JavaScript tutorials, code snippets and samples here or more jQuery tutorials, code snippets and samples here.

👋 Added by Ciprian on Thursday, August 22, 2019 in JavaScript. Last modified on Thursday, August 22, 2019.

Leave a Reply

You have to agree to the comment policy.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Privacy Policy