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

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

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

Privacy Policy