basket-semena

HTML

<html>
<body>
<div class="main-column">
<h1>Список покупок</h1><div class='basket-list'><form method='post'><table class='responsive'><thead><tr><th class='left'>Товар</th><th>Цена</th><th>Количество</th><th>Сумма</th></tr></thead><tbody><tr> 
			<td class='left'>
			<div class='h3'><a href='/tovar/46724-Luk-Narvito-NS-100sht.html'>Лук Нарвито НС 100шт</a></div>
		</td>
		<td><span id='cena'>18,00</span></td>
		<td><input type='text' name='prod[46724]' id='kolvo' value='3' class='num' onChange='ChangeSum(46724)'></td>
		<td><span id='summa'>54,00</span></td>
		</tr><tr> 
		<td class='left'>
			<div class='h3'><a href='/tovar/44817-Torfjanaja-tabletka-Dzhifi-7-36mm.html'>Торфяная таблетка Джифи-7 36мм</a></div>
		</td>
		<td><span id='cena'>6,50</span></td>
		<td><input type='text' name='prod[44817]' id='kolvo' value='5' class='num' onChange='ChangeSum(44817)'></td>
		<td><span id='summa'>32,50</span></td>
		</tr><tr class='total'>
	<td colspan='5'>
		<span class='total-caption1'>Итого:</span>
		<span class='total-caption2' id='itogo'>86,50</span>
		<span class='total-caption3'> руб.</span>
	</td>
	</tr></tbody></table></form></div>
		</div><!-- end main-column -->

</body>
</html>

CSS

@font-face {
	font-family: 'cooperregular';
	src: url('/fonts/cooper_allfont.ru-webfont.eot');
	src: url('/fonts/cooper_allfont.ru-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/cooper_allfont.ru-webfont.woff') format('woff'),
		 url('/fonts/cooper_allfont.ru-webfont.svg#cooperregular') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'Roboto-Regular';
	src: url('/fonts/Roboto-Regular.eot');
	src: url('/fonts/Roboto-Regular.woff') format('woff'),
		 url('/fonts/Roboto-Regular.ttf') format('truetype'),
		 url('/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'),
		 url('/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url('/fonts/Roboto-Bold.eot');
	src: url('/fonts/Roboto-Bold.woff') format('woff'),
		 url('/fonts/Roboto-Bold.ttf') format('truetype'),
		 url('/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'),
		 url('/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Medium';
	src: url('/fonts/Roboto-Medium.eot');
	src: url('/fonts/Roboto-Medium.woff') format('woff'),
		 url('/fonts/Roboto-Medium.ttf') format('truetype'),
		 url('/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'),
		 url('/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { 
	margin: 0;
	padding:...

JavaScript

// __________jquery-3.2.0.min.js___________
/*! jQuery v3.2.0 | (c) JS Foundation and other contributors | jquery.org/license */
!function(a,b){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){"use strict";var c=[],d=a.document,e=Object.getPrototypeOf,f=c.slice,g=c.concat,h=c.push,i=c.indexOf,j={},k=j.toString,l=j.hasOwnProperty,m=l.toString,n=m.call(Object),o={};function p(a,b){b=b||d;var c=b.createElement("script");c.text=a,b.head.appendChild(c).parentNode.removeChild(c)}var q="3.2.0",r=function(a,b){return new r.fn.init(a,b)},s=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,t=/^-ms-/,u=/-([a-z])/g,v=function(a,b){return b.toUpperCase()};r.fn=r.prototype={jquery:q,constructor:r,length:0,toArray:function(){return f.call(this)},get:function(a){return null==a?f.call(this):a<0?this[a+this.length]:this[a]},pushStack:function(a){var b=r.merge(this.constructor(),a);return b.prevObject=this,b},each:function(a){return r.each(this,a)},map:function(a){return this.pushStack(r.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(f.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(a<0?b:0);return this.pushStack(c>=0&&c<b?[this[c]]:[])},end:function(){return this.prevObject||this.constructor()},push:h,sort:c.sort,splice:c.splice},r.extend=r.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||r.isFunction(g)||(g={}),h===i&&(g=this,h--);h<i;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(r.isPlainObject(d)||(e=Array.isArray(d)))?(e?(e=!1,f=c&&Array.isArray(c)?c:[]):f=c&&r.isPlainObject(c)?c:{},g[b]=r.extend(j,f,d)):void...