Форум

Ramzes94 · #1 (**permalink**) 17.02.2019, 14:03

Приветствую.

Подскажите, есть 3 списка с ценой и кнопкой заказать, нужно чтобы при нажатии на кнопку заказать , была цена одного списка, и общая цена суммировалась при выборе нескольких.

Буду признателен, за помощь

рони · #2 (**permalink**) 17.02.2019, 14:19

Ramzes94,

Ramzes94 · #3 (**permalink**) 17.02.2019, 15:09

Вот разметка html для примера, вот что добавить js вопрос?

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			body {
				font-family: arial
			}

			.list {
				text-align: center;
			}

			.list ul {
				padding: 0;
				width: 100%;
				margin: 0;
			}

			.list li {
				display: inline-block;
				width: 14%;
				outline: 2px solid #eee;
				padding: 15px;
				margin: 5px;
			}

			.list li p {
				font-size: 18px
			}

			.list li a {
				font-size: 16px
			}

			.order {
				text-align: center;
				background-color: #fbfbfb;
				padding: 20px 0;
				margin: 20px 0 0;
			}

			.order table {
				margin: 0 auto;
			}

			.order table tr td {
				border: 1px solid #eee;
				padding: 10px;
			}
		</style>
	</head>
	<body>
		<div class="list">
			<ul>
				<li>
					<p><strong>1</strong> руб.</p>
					<a href="#">Заказать</a>
				</li>
				<li>
					<p><strong>2</strong> руб.</p>
					<a href="#">Заказать</a>
				</li>
				<li>
					<p><strong>3</strong> руб.</p>
					<a href="#">Заказать</a>
				</li>
				<li>
					<p><strong>4</strong> руб.</p>
					<a href="#">Заказать</a>
				</li>
			</ul>
		</div>
		<div class="order">
			<table>
				<tr>
					<td>цена</td>
					<td>количество</td>
					<td></td>
				</tr>
				<tr>
					<td>1</td>
					<td><input type="number"></td>
					<td><a href="#">х</a></td>
				</tr>
				<tr>
					<td>3</td>
					<td><input type="number"></td>
					<td><a href="#">х</a></td>
				</tr>
			</table>
			<div class="summ">
				<p>Общай сумма: <strong>4</strong></p>
			</div>
		</div>
		<script>
		
		</script>
	</body>
</html>

рони · #4 (**permalink**) 18.02.2019, 09:17

Ramzes94,
не понимаю описания.

Ramzes94 · #5 (**permalink**) 18.02.2019, 15:16

Есть продукция c ценой и кнопкой заказать - при нажатии на кнопку заказать должен появляться список выбранной продукции, у каждой продукции в списке должно быть количество, от которой суммируется общая цена.

А вот так ?

Форум

Справочник

Discord чат

Курсы javascript