Untitled

  <html>
  <head>
  <script type="text/javascript">

		Number.prototype.formatNumber = function(decPlaces, thouSeparator, decSeparator) {
    decPlaces = isNaN(decPlaces = Math.abs(decPlaces)) ? 2 : decPlaces;
    decSeparator = decSeparator == undefined ? "." : decSeparator;
    thouSeparator = thouSeparator == undefined ? "," : thouSeparator;

    var n = this.toFixed(decPlaces);
    if (decPlaces) {
        var i = n.substr(0, n.length - (decPlaces + 1));
        var j = decSeparator + n.substr(-decPlaces);
    } else {
        i = n;
        j = '';
    }

    function reverse(str) {
        var sr = '';
        for (var l = str.length - 1; l >= 0; l--) {
            sr += str.charAt(l);
        }
        return sr;
    }

    if (parseInt(i)) {
        i = reverse(reverse(i).replace(/(\d{3})(?=\d)/g, "$1" + thouSeparator));
    }
    return i+j;
};


		function calculate() {
			var ore = '';
			var amount = 0;
			var total = 0;
			// Grab the ore price
			ore = parseFloat(document.getElementById('oreselect').value);
			// Grab the amount entered
			amount = parseFloat(document.getElementById('number').value);
			// Figure out the total amount
			total = ore * amount;

			// Update the page with the amount
			// Clear the value first and then update, allows for multiple uses without page refresh
			var totalNode = document.getElementById('total');
			totalNode.innerHTML = '';
			totalNode.innerHTML = total.formatNumber(2, ',','.');
		}
  </script>
  </head>
  <body>

  <div id="form">
        <select id="oreselect">
                <option value="18.48">Veldspar</option>
                <option value="condensed veldspar">Condensed Veldspar</option>
                <option value="dense veldspar">Dense Veldspar</option>
                <option value="scordite">Scordite</option>
                <option value="condensed scordite">Condensed Scordite</option>
                <option value="massive Scordite">Massive Scordite</option>
                <option value="pyroxeres">Pyroxeres</option>
                <option value="solid pyroxeres">Solid Pyroxeres</option>
                <option value="viscous pyroxeres">Viscous Pyroxeres</option>
                <option value="plagioclase">Plagioclase</option>
                <option value="azure plagioclase">Azure Plagioclase</option>
                <option value="rich plagioclase">Rich Plagioclase</option>
                <option value="omber">Omber</option>
                <option value="silvery omber">Silvery Omber</option>
                <option value="golden omber">Golden Omber</option>
                <option value="kernite">Kernite</option>
                <option value="luminous kernite">Luminous Kernite</option>
                <option value="fiery kernite">Fiery Kernite</option>
                <option value="jaspet">Jaspet</option>
                <option value="pure jaspet">Pure Jaspet</option>
                <option value="pristine jaspet">Pristine Jaspet</option>
                <option value="hemorphite">Vivid Hemorphite</option>
                <option value="vivid hemorphite">Vivid Hemorphite</option>
                <option value="radiant hemorphite">Radiant Hemorphite</option>
                <option value="hedbergite">Hedbergite</option>
                <option value="vitric hedbergite">Vitric Hedbergite</option>
                <option value="glazed hedbergite">Glazed Hedbergite</option>
                <option value="gneiss">Gneiss</option>
                <option value="iridescent gneiss">Iridescent Gneiss</option>
                <option value="prismatic gneiss">Prismatic Gneiss</option>
                <option value="dark ochre">Dark Ochre</option>
                <option value="onyx ochre">Onyx Ochre</option>
                <option value="obsidian ochre">Obsidian Ochre</option>
                <option value="spodumain">Spodumain</option>
                <option value="bright spodumain">Bright Spodumain</option>
                <option value="gleaming spodumain">Gleaming Spodumain</option>
                <option value="crokite">Crokite</option>
                <option value="sharp crokite">Sharp Crokite</option>
                <option value="crystalline crokite">Crystalline Crokite</option>
                <option value="bistot">Bistot</option>
                <option value="triclinic bistot">Triclinic Bistot</option>
                <option value="monoclinic bistot">Monoclinic Bistot</option>
                <option value="arkonor">Arkonor</option>
                <option value="crimson arkonor">Crimson Arkonor</option>
                <option value="prime arkonor">Prime Arkonor</option>
                <option value="mercoxit">Mercoxit</option>
                <option value="megma mercoxit">Magma Mercoxit</option>
                <option value="vitreous mercoxit">Vitreous Merxcoxit</option>
                <option value="clear icicle">Clear Icicle</option>
                <option value="enriched clear icicle">Enriched Clear Icicle</option>
                <option value="glacial mass">Glacial Mass</option>
                <option value="smooth glacial mass">Smooth Glacial Mass</option>
                <option value="white glaze">White Glaze</option>
                <option value="pristine white glaze">Pristine White Glaze</option>
                <option value="blue ice">Blue Ice</option>
                <option value="thick blue ice">Thick Blue Ice</option>
                <option value="glare crust">Glare Crust</option>
                <option value="dark glitter">Dark Glitter</option>
                <option value="gelidus">Gelidus</option>
                <option value="krystallos">Krystallos</option>
        </select>

        <input name="number" type="number" id="number">


        <div id="output">
			<p>Total:<span id="total"></span></p>
		</div>

        <button onclick="calculate();">Calculate</button>

        </div>
		</body>
		</html>