ขอความช่วยเหลือครับ Auto Update จำนวนและราคาตามรูปครับ

<script type="text/javascript">

var Count = Int('#Price'.val();

$("#AddItem").click(function() {
    //Count++;
    //$('#TotalPrice').val(parseInt($('#Price'.val())*Count);
   $('#TotalPrice').val(parseInt($('#TotalPrice').val() + parseInt($('#Price').val());
}

$("#DelItem").click(function() {
    //Count++;
    $('#TotalPrice').val(parseInt($('#TotalPrice').val() - parseInt($('#Price').val());
}
</script>

<script>
    var clicks = 0
	 price = 0
	 price1 = 0,
		counterSpan = document.getElementById('clicks');
		counterSpan = document.getElementById('price');
		counterSpan = document.getElementById('price1');

    //add the click listener using addEventListener, this is preferred over inline handlers
    document.getElementById('my-pre').addEventListener('click', function () {
		clicks += 1,
		price += 25.00;
		price1 += 25.00,
		document.getElementById("clicks").innerHTML = clicks;
		document.getElementById("price").innerHTML = price;
		document.getElementById("price1").innerHTML = price1;
    });
	
	  var clicks = 0
	   price = 0
	   price1 = 0,
        counterSpan = document.getElementById('clicks');
		counterSpan = document.getElementById('price');
		counterSpan = document.getElementById('price1');

    //add the click listener using addEventListener, this is preferred over inline handlers
    document.getElementById('my-pre1').addEventListener('click', function () {
        clicks -= 1,
		price -= 25.00,
		price1 -= 25.00,
        document.getElementById("clicks").innerHTML = clicks;
		document.getElementById("price").innerHTML = price;
		document.getElementById("price1").innerHTML = price1;
    });
</script>