|
Сообщение от BorisJe
|
|
Я не могу сказать, делал по гайдикам
|
Написание программ отличается от написания поэм тем, что в программах нужно точно знать, зачем написана та или другая строчка.
В каких "гайдикак" сказано, что jquery надо подключать три раза?
В каких "гайдиках" сказано, что надо два раза проверять, что html код загрузился и можно выполнять скрипт?
Вот код, который,на мой взгляд, делает то, что нужно (может не все, но можно и добавить)
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
var count1 = 0;
var count2 = 0;
var count5 = 0;
var count10 = 0;
function canby(sum) {
document.querySelectorAll('.table td.price')
.forEach( td => {
const price = parseFloat(td.dataset.price)
const rd = td.closest('tr').querySelector('input[type=radio]')
rd.disabled = price > sum;
const bt = td.closest('tr').querySelector('button[name="clickonbutton"]')
bt.disabled = price > sum;
})
}
function myFunction(item) {
if (item == 1) {
document.getElementById("coin_1").setAttribute('value', count1++);
}
else if (item == 2) {
document.getElementById("coin_2").setAttribute('value', count2++);
}
else if (item == 5) {
document.getElementById("coin_3").setAttribute('value', count5++);
}
else if (item == 10) {
document.getElementById("coin_4").setAttribute('value', count10++);
}
const total = count1 + count2 * 2 + count5 * 5 + count10 * 10;
document.getElementById('total').value = total
canby (total)
}
</script>
</head>
<body>
<div class="container">
<div class="text-center">
<h1 class="display-4">Welcome</h1>
<p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
<div class="btn">
<button class="btn btn-info" value="1" onclick="myFunction(1)">1,00</button>
</div>
<div class="btn">
<button class="btn btn-info" value="2" onclick="myFunction(2)">2,00</button>
</div>
<div class="btn">
<button class="btn btn-info" value="5" onclick="myFunction(5)">5,00</button>
</div>
<div class="btn">
<button class="btn btn-info" value="10" onclick="myFunction(10)">10,00</button>
</div>
<form method="post" enctype="multipart/form-data" action="/User/Purchase" novalidate="novalidate">
<!--Products-->
<div class="container">
<div class="row">
<h3>Продукты</h3>
<div class="formR">
<br><br>
<table class="table">
<thead>
<tr>
<th>Выбранный</th>
<th>Наименование</th>
<th>Цена</th>
<th>Картинка</th>
<th>Описание</th>
<th>Наличие</th>
</tr>
</thead>
<tbody>
<tr id="price1">
<input type="hidden" name="id" value="1">
<td><input value="1" name="Product" type="radio" disabled="true"></td>
<td>Чай</td>
<td class="price" data-price="35">35,00</td>
<td style="width: 10%">
<button name="clickonbutton" type="submit" value="Чай" disabled="true">
<img class="center" srcset="/images/Capture001.png" src="/User/Purchase/1" style="width: 128px; height: 96px;vertical-align: bottom">
</button>
</td>
<td></td>
</tr>
<tr id="price1">
<input type="hidden" name="id" value="9">
<td><input value="9" name="Product" type="radio" disabled="true"></td>
<td>Кофэ</td>
<td class="price" data-price="50">50,00</td>
<td style="width: 10%">
<button name="clickonbutton" type="submit" value="Кофэ"disabled="true">
<img class="center" srcset="/images/Capture001.png" src="/User/Purchase/9" style="width: 128px; height: 96px;vertical-align: bottom">
</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<input type="hidden" id="coin_1" name="coin_1" value="4">
<input type="hidden" id="coin_2" name="coin_2" value="1">
<input type="hidden" id="coin_3" name="coin_3" value="1">
<input type="hidden" id="coin_4" name="coin_4" value="4">
<label>
Сумма
<input name="total" id="total" type="text" class="total valid" value="0" aria-invalid="false">
</label>
<input class="button" type="submit" value="Оплатить">
</form>
</div>
</div>
</body>
</html>
