Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
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:)
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> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style> 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; } </style>
<a class="cart"> <i class="fa fa-envelope"></i> <b id="total-cart">2</b> </a> <br><br> <a onclick="changeCart(1)" href="#" class="button">Tambah Produk</a> <br><br> <a onclick="changeCart(0)" href="#" class="button" style="background-color: red;">Hapus Produk</a>
<script> var total_cart = document.getElementById("total-cart")
function changeCart(tipe) { var current_total = parseInt(total_cart.textContent) if ( tipe == 0 ) { if ( current_total > 0 ) { total_cart.innerHTML = current_total-1 } } else { total_cart.innerHTML = current_total+1 } } </script> </pre>
Pembahasan :
- total bisa dari hasil count() dari database
- untuk melakukan penambahan cart, pesan, dsj, harus memperhatikan aspek lain seperti ketersediaan produk, dsj, intinya kompleks
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