Javascript ile çoklu seçim nasıl yapılır?
Kolay gelsin arkadaşlar. Bir sorum var. Yanyana üç daire koydum. 150px*150px boyutunda. Hangisine tıklarsam o div'in rengi değişecek. Mesela 2. ye tıkladım yeşil oldu. 1. ye tıkladım yeşil oldu. 1. tekrar tıkladım yeşil rengi gitti gibi. Ben aşağıdaki kodlarla yapmaya çalıştım ama yapamadım.
<div class="yuvarlakdiv">
<div class="gridver">
<div id="yuvarlakidver" class="yuvarlaklar">
1
</div>
<div id="yuvarlakidver" class="yuvarlaklar">
2
</div>
<div id="yuvarlakidver" class="yuvarlaklar">
3
</div>
</div>
</div>
var ekle = document.querySelectorAll(".yuvarlaklar");
document.addEventListener('click', veri);
function veri() {
ekle.style.background = "red";
}
Merhaba. Bu kodu arrow fonkisyon şeklinde değil de, function şeklinde nasıl yazabilirdik? Mantığını anlamak için soruyorum. Şu şekilde gibi mesela. Mantığını anlayamadığım için yapamadım.
elements.forEach(element => element.addEventListener("click",(e) => e.target.classList.toggle("active")))
elements.forEach(element) {
function() {
element.addEventListener("click",e);
function e() {
e.target.classList.toggle("active");
}
}
}