javascript ile color picker yapmak

memdhaci 857 gün önce

495 defa görüntülendi ve 1 kişi tarafından değerlendirildi

bunun gibi bir color picker yapıp slide edildikçe renk değerini nasıl alabilirim

javascript

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (8)

frexx

284 gün önce

Çok aylar geçmiş ama tekrardan gördüm. Yapayım dedim, olurda görüp merak ederler.

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
</head>
<body>
  
<input type="color" id="picker">
  <p id="valy" style="position: absolute;left: 15%;top: 1%;"></p>

<script type="text/javascript">
    var picker = document.getElementById("picker");
var valy = document.getElementById("valy");


setInterval(() => {
    valy.innerText = picker.value;
}, 1);
</script>
</body>
</html>

#012730

abdullahx

855 gün önce

Hocam kusura bakmayın fakat o işler öyle olmuyor, madem bilmiyorsunuz alın hazır kullanın, bu tür orta-ileri seviye javascript bilgisi gerektiren şeylerle javascript bilmeden başa çıkılamaz.

#008516

memdhaci

855 gün önce

@qplot kanka ben yorumda ne yazmışım bunun gibi çok örnek var ama jsi bana karışık geldiği için benim istediğim gibi ayarlayamıyorum bana attığım fotodaki gibi bişi lazım. genişliğini posizyonunu falan kendim ayarlayabileceğim.

#008515

qplot

856 gün önce

önce biraz araştırsanız sonuca ulaşamazsanız sorsanız daha mantıklı olur :)

https://codepen.io/rakujira/pen/WZOeNq
https://codepen.io/dariocorsi/pen/WwOWPE
https://codepen.io/brownsugar/pen/NaGPKy

#008500

memdhaci

856 gün önce

@arda color pickerın input olmasını istemiyorum ben

#008499

arda

856 gün önce


const colorPicker = document.getElementById('color-picker')

colorPicker.addEventListener('input', (e) => {
    console.log(e.target.value)
})

#008498

memdhaci

856 gün önce

@frexx ben örneklere baktığımda bundan çok farklı şeyler gördüm ve js i karışık olduğu için editlemek zor geliyor. Sen buna benzer örnek gördüysen link atar mısın.

#008497

frexx

856 gün önce

Aynısını soruyorum ama bulamıyorum. İnternette örnekleri var ama kendi aklımla yapmak istiyorum.

#008491