JSFiddle - React, Tailwind, and code Playground

by uikolas

HTML

<fieldset>
	<table class="cart-summary" cellspacing="0" cellpadding="0" border="0" width="100%">
		<tr>
			<th width="180" align="left">Prekė</th>
			<th width="225" align="left">Prekės aprašymas</th>
			<th align="center" width="173">Vieneto kaina</th>
			<th align="right" width="172">Kiekis / Atnaujinti</th>
			<th align="right" width="82">PVM</th>
			<th align="right" width="86">Viso</th>
		</tr>
<!--a-->
a
<tr valign="top" class="sectiontableentry1">
	<td align="center" >
	<a href="" ><b>Pavadinimas</b></a></td>
				<td align="left" >
						<b>Prekės kodas:</b> 2aa<br />
				</td>
				<td align="center" ><span id="preke">200</span> LTL</td>
				<td align="right" >
					<div style="padding:5px;">
						<input type="text" class="inputbox" id="kiekis" size="1" value="" name="pi2" />
						<a class="vmicon vm2-remove_from_cart" align="middle" href=""></a>
						<a id="atnaujinti" >update</a>
					</div>
	</td>
	<td align="right"><span  style='color:gray'>21 %</span></td>
	<td colspan="1" align="right"><span id="prekes_kaina"></span> LTL</td><!-- preke / prekes kaina -->
</tr>

<!--a-->			
		<!--Begin of SubTotal, Tax, Shipment, Coupon Discount and Total listing -->
		

<tr class="sectiontableentry1">
<td colspan="4" align="left">
<b>Pristatymo būdai:</b><br />
<div class="budai">
<input type="radio" name="budas" value="1" id="group1_1" />Kurjeris į namus - 9,95Lt<br />
<input type="radio" name="budas" value="2" id="group1_2" />Autobusu siuntos - 9,95Lt<br />
<input type="radio" name="budas" value="3" id="group1_3" />Paštu - 9,95Lt<br />
</div>

<input type="radio" name="budas" id="miestai_click" value="miestas" /> Atsiimti parduotuvėje - Tik po SMS patvirtinimo - 0,00Lt <br />
<div id="miestai">
    <div class="aprasymas_miestas">
		<input type="radio" name="siuntimas" value="Kaunas" /> 
			<b>Kaunas</b> <br />
			Gatve: vilnius 5<br />
			Tel: +3700000<br />
			El. Pastas: [email protected]<br />
			Darbo laikas: 24/7<br />
		</div>
    <div...

JavaScript

var preke = Number($('#preke').text()); // prekes kaina be pvm
    var kiekis = Number($('#kiekis').val()); // kiek prekiu
    preke = (preke * 0.21) + preke; // kaina su pvm
    var galutinis = preke * kiekis; // prekes su ju kiekiu kaina
        $('#prekes_kaina').text(preke);
        $('#atnaujinti').click(function(){ // atnaujinam kaina su su ju kiekiais
             kiekis = Number($('#kiekis').val()); // kiek prekiu
             galutinis = preke * kiekis; // prekes su ju kiekiu kaina
             $('#prekes_kaina').text(galutinis);
             $('#galutine').text(galutinis); // galutine po visu skaiciavimu            
        });
    $('#galutine').text(preke);
    $('.budai :radio').click(function() {
        var kaina = 0;
            kaina += Number($(this).val());          
        $('#pkaina').text(kaina); // papildomu paslaugu kaina
        $('#galutine').text(galutinis + kaina); // galutine po visu skaiciavimu
		$('#miestai').slideUp(1000); // slepiam miestus
    });
        $('#miestai_click').click(function(){ // atnaujinam kaina su su ju kiekiais
            $('#miestai').slideDown(1000);  
			kaina = 0;
			$('#pkaina').text(kaina); // papildomu paslaugu kaina
			$('#galutine').text(galutinis + kaina); // galutine po visu skaiciavimu			
        });