javascript ile color picker yapmak

memdhaci 1056 gün önce

571 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

483 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

1054 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

1054 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

1055 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

1055 gün önce

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

#008499

arda

1055 gün önce


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

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

#008498

memdhaci

1055 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

1055 gün önce

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

#008491