Hai bisogno di un’auto dal tuo comprate Funziona di più sul client dell’applicazione Web che nella parte del server, perché vuoi guadagnare punti alla velocità? Se è così, benvenuto, hai raggiunto il posto giusto.
Oggi sono allegato il carrello JS che, insieme all’aiuto di JQuery, ti consentirà di fare l’aggiunta tipica e la soppressione di elementi o consultazione del costo dell’acquisto a piena velocità rispetto alla sua controparte del server.
function Cart() { this.items = ; }Cart.prototype.add = function(item) { this.items.push(item); return this.items;};Cart.prototype.remove = function(id) { for (var i = 0; i < this.items.length; i++) { id == this.items.id ? this.items.splice(i, 1) : false; } return this.items;};Cart.prototype.get = function() { return this.items;};Cart.prototype.set = function(items) { this.items = items;};Cart.prototype.getTotal = function() { var total = 0; $.each(this.items, function(key, value) { total += value.price; }); return total;};Cart.prototype.printHTMLEdit = function(div) { $(div).empty(); $.each(this.items, function(key, value) { $(div).append('// Your HTML code here...'); }); $(div).append('<p>Total: ' + this.getTotal() + ' €</p>');};Guarda se questo carrello della spesa è pianificato all’interno del paradigma orientato agli oggetti JavaScript e che presuppone un oggetto in notazione letterale per il suo corretto funzionamento.
Ad esempio, per aggiungere un nuovo articolo è necessario farlo:
var cart = new Cart();$('.buy-item').click(function(){ var item = { 'id': $(this).attr('data-id'), 'title': $(this).attr('data-title'), 'description': $(this).attr('data-description'), // Your fields here... 'price': parseFloat($(this).attr('data-price')) } cart.add(item);});E Questo è tutto per oggi, spero che questo codice ti aiuterà a aiutarti nel tuo sistema di e-commerce.
Potresti anche essere interessato a leggere questo …
- ciao mondo OOP con ECMASCRICT 6 (ES6)
- Quali vantaggi offrono i generatori dei siti statici SSG?
- Come funziona React.js?
- Cos’è JSON?
- Un’intervista con tapas – Un’intervista con tapas