Oval

window.onload = function(){

function priceHandler() {
     let numberOfShares = Number(document.getElementById("fp_donation_amount").value * 100)
    let table = document.getElementsByClassName("fp_donation_reason_table")[0];
    let shares = document.getElementById('shares-total');
    let totalprice = document.getElementById('price-total');

    let basePrice = Number(document.getElementsByClassName('price')[0].children[0].textContent.replace("$", "").replace(",", ""));

    if(!shares){
        let elem = document.createElement('div');
        elem.setAttribute('id', 'shares-total');
        elem.appendChild(document.createTextNode(''));
        table.parentNode.insertBefore(elem, table.nextSibling)
        shares = elem;
    }

    if(!totalprice){
        let elemprice = document.createElement('div');
        elemprice.setAttribute('id', 'price-total');
        elemprice.appendChild(document.createTextNode(''));
        table.parentNode.insertBefore(elemprice, table.nextSibling);
        totalprice = elemprice;
    }

    totalprice.textContent = `Total Price: $${Number(basePrice) + Number(document.getElementById("fp_donation_amount").value)} `;
    shares.textContent = `Total Shares: ${numberOfShares}`;

}

priceHandler();
document.getElementById("fp_donation_amount").addEventListener('input', priceHandler);
document.querySelector("table.variations").addEventListener('click', priceHandler);
}