Web sitesinde görsellerin rengi nasıl değiştirilir?

Fleure

Centipat
Katılım
4 Mart 2023
Mesajlar
263
Daha fazla  
Cinsiyet
Erkek
Document - Google Chrome 23.08.2023 17_12_03.jpg


Arkadaşlar merhaba. Böyle bir proje yaptım daha da geliştirmek istiyorum. Amacım daire içine aldığım Milkshake'e dokununca
Çeyrek dairenin pembe, Milkshake'in img sinin değişmesi, yeşil Starbucks yazısının ise pembe olmasını istiyorum.
Nasıl yapabilirim kod dizinini atar mısınız? Teşekkürler.
 
Son düzenleyen: Moderatör:
Eki Görüntüle 1914200

Arkadaşlar merhaba. Böyle bir proje yaptım daha da geliştirmek istiyorum. Amacım daire içine aldığım Milkshake'e dokununca
Çeyrek dairenin pembe, Milkshake'in img sinin değişmesi, yeşil Starbucks yazısının ise pembe olmasını istiyorum.
Nasıl yapabilirim kod dizinini atar mısınız? Teşekkürler.
JQuery (düzenlendi) kullanabilirsin.

Ayrıca Starbucks header iconunu küçültmeni ve menülerin pozisyonunu da ortalamanı tavsiye ederim.

 
Videoda çeyrek daire ve içecek resmini nasıl değiştireceğini anlatıyor zaten.
Bu içeriği görüntülemek için üçüncü taraf çerezlerini yerleştirmek için izninize ihtiyacımız olacak.
Daha detaylı bilgi için, çerezler sayfamıza bakınız.
Starbucks başlığının rengini değiştirmek için adamın yazacağı changeCircleColor fonksiyonuna şunları ekle:
JavaScript:
function changeCircleColor(color) {
  const circle = document.querySelector(".circle");
  const starbucks_text = document.querySelector(".textBox > h2 > span");
  circle.style.background = color;
  starbucks_text.style.color = color;
}

Not: Test etmedim, çalışmaz ise yardımcı olurum tekrardan.
 

Geri
Yukarı