Non si tratta di e-commerce, era più una cosa mia personale e volevo provare a scrivermela da solo.
Ti chiedo troppo se ti chiedessi di farmi un esempio banale di codice che permetterebbe di aggiungere quantità +1 o -1 al database utlizzando js?
Ok allora per dare un idea del concetto ho scritto questo esempio in modo da coprire tutti i linguaggi coinvolti (PHP, JS, HTML).
PHP:
<?php
if (isset($_POST['submit'])) {
// Fai i controlli sulle variabili prima di includerle nella query
$patate = $_POST['patate'];
$mele = $_POST['mele'];
// salva ordine nel db
}
?>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<!-- ... -->
<form method="POST">
Patate (Qt. <input type="text" name="patate" id="patate" value="1" />)
<button class="decqt" data-target="patate">-</button>
<button class="incqt" data-target="patate">+</button>
<br>
Mele (Qt. <input type="text" name="mele" id="mele" value="1" />)
<button class="decqt" data-target="mele">-</button>
<button class="incqt" data-target="mele">+</button>
<br>
<input type="submit" name="submit" value="Invia" />
<script>
// Trova l'oggetto a cui punta il bottone e cambia il valore di delta
function changeQt($button, delta) {
var targetid = $button.attr("data-target");
var target = document.getElementById(targetid);
var newvalue = Number(target.value) + delta;
target.value = newvalue.toString();
}
(function($) {
$(".incqt").on("click", function() {
// cambia il valore dell'oggetto a cui e' collegato il bottone +, aggiungendo 1
changeQt($(this), 1);
});
$(".decqt").on("click", function() {
// cambia il valore dell'oggetto a cui e' collegato il bottone +, togliendo 1
changeQt($(this), -1);
});
})(jQuery);
</script>
</form>