Nambahin icon cart

sebenernya sudah nanya sebelumnya, dan belum ada yang jawab. jadi gini, anggaplah saya mau membuat aplikasi jual beli online. nah kan ada icon cart (keranjang belanjaan) atau juga icon message. nah kan biasanya setiap ada message baru angka di icon itu kan bertambah, atau pun mau menambahkan barang ke keranjang kita kanangkanya bertambah juga. nah itu seperti apa membuatnya? jika mengetahui jawaban nya atau bahkan bisa membuatkan contoh scriptnya bisa email saya ya : septiani.fitridewi@yahoo.com atau dm ke ig saya : fitridewi4996 makasih ya:)

avatar fitridewi
@fitridewi

26 Kontribusi 3 Poin

Diperbarui 4 tahun yang lalu

Tanggapan

tampilannya atau programnya

1 Jawaban:

Jawaban Terpilih

jawab sekalian menyampaikan pesan, ini yang butuh siapa ?, kok enak

<pre> jika mengetahui jawaban nya atau bahkan bisa membuatkan contoh scriptnya bisa email saya ya : septiani.fitridewi@yahoo.com atau dm ke ig saya : fitridewi4996 </pre>

code dibagian frontend nya (<a href='https://codepen.io/anon/pen/jgwMmO'>klik cek secara langsung disin</a>i) :

<pre> &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"&gt;

&lt;style&gt; a.cart { background-color: #7fd5ea; padding: 5px; font-family: "Times New Roman", Times, serif; }

.button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; } &lt;/style&gt;

&lt;a class="cart"&gt; &lt;i class="fa fa-envelope"&gt;&lt;/i&gt; &lt;b id="total-cart"&gt;2&lt;/b&gt; &lt;/a&gt; &lt;br&gt;&lt;br&gt; &lt;a onclick="changeCart(1)" href="#" class="button"&gt;Tambah Produk&lt;/a&gt; &lt;br&gt;&lt;br&gt; &lt;a onclick="changeCart(0)" href="#" class="button" style="background-color: red;"&gt;Hapus Produk&lt;/a&gt;

&lt;script&gt; var total_cart = document.getElementById("total-cart")

function changeCart(tipe) { var current_total = parseInt(total_cart.textContent) if ( tipe == 0 ) { if ( current_total &gt; 0 ) { total_cart.innerHTML = current_total-1 } } else { total_cart.innerHTML = current_total+1 } } &lt;/script&gt; </pre>

Pembahasan :

  1. total bisa dari hasil count() dari database
  2. untuk melakukan penambahan cart, pesan, dsj, harus memperhatikan aspek lain seperti ketersediaan produk, dsj, intinya kompleks
avatar codenoid
@codenoid

14 Kontribusi 13 Poin

Dipost 4 tahun yang lalu

Tanggapan

mas terimakasih sangat membantu sekali, tapi ini kan kalo di refresh lagi berarti kembali ke angka awal kan. nah gimana agar dia ttp stay totalannya sesuai yg di add ke cart nya tadi?

pakai ajax, koneksiin ke database

Login untuk ikut Jawaban