ardaa6
Centipat
- Katılım
- 31 Ocak 2024
- Mesajlar
- 14
Daha fazla
- Sistem Özellikleri
- NVIDIA RTX 3050 Ti
AMD Ryzen 5 6600H
16 GB 4800MHz DDR5 Laptop Ram
- Cinsiyet
- Erkek
Projemde ürün card'larının üstüne gelindiğinde card'ı blurlayıp ortasına ürüne git butonu ekletmek istiyorum ve çıkınca card'ın eski haline getirmesini istiyorum. Araştırdım ve hatta ChatGPT'ye sordum fakat yine de olmadı. Kodları JS'den çektim.
function urunListele(){
var urunAlani=document.getElementById("urunler");
urunAlani.innerHTML="";
urunler.forEach((urun)=>{
var urunListesi=`
<div class="col mt-2" align="center">
<div class="card" style="width: 20rem;">
<img src="${urun.imgYol}" class="card-img-top" alt="...">
</a>
<div class="card-body">
<h5 class="card-title">${urun.urunBaslik}</h5>
<p class="card-text">${urun.urunAciklama}</p>
<button class="btn btn-danger" onclick="sepeteAt(${urun.id})">${urun.fiyat} TL --> Satın Al</a>
</div>
</div>
</div>`
urunAlani.innerHTML+=urunListesi;
})
}
Bilen biri yardımcı olabilirse iyi olur.
(CSS'im Bootstrap'ten)
function urunListele(){
var urunAlani=document.getElementById("urunler");
urunAlani.innerHTML="";
urunler.forEach((urun)=>{
var urunListesi=`
<div class="col mt-2" align="center">
<div class="card" style="width: 20rem;">
<img src="${urun.imgYol}" class="card-img-top" alt="...">
</a>
<div class="card-body">
<h5 class="card-title">${urun.urunBaslik}</h5>
<p class="card-text">${urun.urunAciklama}</p>
<button class="btn btn-danger" onclick="sepeteAt(${urun.id})">${urun.fiyat} TL --> Satın Al</a>
</div>
</div>
</div>`
urunAlani.innerHTML+=urunListesi;
})
}
Bilen biri yardımcı olabilirse iyi olur.
(CSS'im Bootstrap'ten)
