HTML input range değeri nasıl kullanılır?

Yusuf1283

Centipat
Katılım
24 Ocak 2023
Mesajlar
167
Çözümler
1
Daha fazla  
Sistem Özellikleri
RTX4080, İntel 13700HX, 32GB SAMSUNG RAM, 2 TB SSD
Cinsiyet
Erkek
Merhaba arkadaşlar, ben HTML'de <input type="range" min="0" max="100 value="50" ></input> kodunu kafamda düşündüğüm gibi yapmak istiyorum. Kafamda düşündüğüm şey bu şekilde;

Ekran görüntüsü 2023-07-25 213631.png


Yani yapmak istediğim çok basit ama ben hiçbir şey bilmiyorum.
Kafamda sanki bu range çıktısını script ile değişkene aktarılacak ve bu değişken çıktı olarak yanına çıkacak ama inanın ki hiçbir şey bilmiyorum.
O yüzden bunu kod halinde yazar mısınız?

Ayrıca bu range değerinin arka plan rengini, ayrıca şu mavi yuvarlak daireyi kare yapmayı ve şu mavi rengi değiştirmeyi öğretebilir misiniz?
 
Son düzenleyen: Moderatör:
Şu an siz hazır kod istiyorsunuz. Hiçbir şey bilmediğinizi söylüyorsunuz, peki araştırdınız mı? Çok basit bir araştırma ile istediğiniz şeye ulaşabilirsiniz.

Size kodu yazarım, benim 1 dakikamı alır. Ancak siz öğrenmiş olmazsınız.
 
Merhaba arkadaşlar, ben HTML'de <input type="range" min="0" max="100 value="50" ></input> kodunu kafamda düşündüğüm gibi yapmak istiyorum. Kafamda düşündüğüm şey bu şekilde;

Eki Görüntüle 1876463

Yani yapmak istediğim çok basit ama ben hiçbir şey bilmiyorum.
Kafamda sanki bu range çıktısını script ile değişkene aktarılacak ve bu değişken çıktı olarak yanına çıkacak ama inanın ki hiçbir şey bilmiyorum.
O yüzden bunu kod halinde yazar mısınız?

Ayrıca bu range değerinin arka plan rengini, ayrıca şu mavi yuvarlak daireyi kare yapmayı ve şu mavi rengi değiştirmeyi öğretebilir misiniz?



Yolda olmasam kodları yazarak anlatırdım ama böyle idare et hocam :)
 
Şu an siz hazır kod istiyorsunuz. Hiçbir şey bilmediğinizi söylüyorsunuz, peki araştırdınız mı? Çok basit bir araştırma ile istediğiniz şeye ulaşabilirsiniz.

Size kodu yazarım, benim 1 dakikamı alır. Ancak siz öğrenmiş olmazsınız.

Burada yazdığımız cevaplar da araştırmaya girmiyor mu zaten? :)
 
Şu an siz hazır kod istiyorsunuz. Hiçbir şey bilmediğinizi söylüyorsunuz, peki araştırdınız mı? Çok basit bir araştırma ile istediğiniz şeye ulaşabilirsiniz.

Size kodu yazarım, benim 1 dakikamı alır. Ancak siz öğrenmiş olmazsınız.
Ben de kolay olduğunu biliyorum Türkçe de araştırıyorum, İngilizce de ama hepsi sadece şu max min ve value'yi gösteriyor.



Yolda olmasam kodları yazarak anlatırdım ama böyle idare et hocam :)
Evet W3 Schools sitesine bakıyordum ama üstteki linkinizi görmemiştim. My function'u da zaten çok defa başlangıç için baktığım sitelerde gördüm ama ilk Html ve Css'e baktığım için JavaScript'e bakmamıştım hiç. My function'u araştıracağım teşekkürler.
 
@stmert tam olarak öyle değil.

@Yusuf1283 evet, tam olarak o işlemler ile yapılıyor. Küçük bir araştırma ile istediğiniz şeyi öğrenebilirsiniz. Size kodu hazır bir şekilde attığımız zaman doğal olarak öğrenmiş olmuyorsunuz. Kendiniz yazarsanız öğrenmiş olursunuz. Yanlış anlaşılmasın.
 
@stmert tam olarak öyle değil.

@Yusuf1283 evet, tam olarak o işlemler ile yapılıyor. Küçük bir araştırma ile istediğiniz şeyi öğrenebilirsiniz. Size kodu hazır bir şekilde attığımız zaman doğal olarak öğrenmiş olmuyorsunuz. Kendiniz yazarsanız öğrenmiş olursunuz. Yanlış anlaşılmasın.

Yok sıkıntı değil. Zaten çok çok başlangıçtayım ama araştırdığımda tam benim istediğim gibi bir web sayfası çıkmıyordu. Şu an size çok kolay geliyor bunlar bana da öyle ama şu an sadece bilmiyorum. Tüm etiketleri ve içindeki özellikleri öğrensem olup bitecek. HTML zaten çok kolay, CSS de öyle ama işte bilmeyince ve yolun başında olunca böyle kolay soruları sorup eleştirilebiliyor.
 
@stmert tam olarak öyle değil.

@Yusuf1283 evet, tam olarak o işlemler ile yapılıyor. Küçük bir araştırma ile istediğiniz şeyi öğrenebilirsiniz. Size kodu hazır bir şekilde attığımız zaman doğal olarak öğrenmiş olmuyorsunuz. Kendiniz yazarsanız öğrenmiş olursunuz. Yanlış anlaşılmasın.

Keşke tüm Event listesini atsaydım da arkadaş baka baka bulsaydı daha yararlı olurdu bence.
 
@Yusuf1283 anlıyorum, JavaScript biraz karışık gelebilir HTML ve CSS'e göre. Ancak güzel bir şekilde öğrenirseniz JavaScript'i rahat bir şekilde yapabilirsiniz. Sizin için diyorum.
 
@stmert tam olarak öyle değil.

@Yusuf1283 evet, tam olarak o işlemler ile yapılıyor. Küçük bir araştırma ile istediğiniz şeyi öğrenebilirsiniz. Size kodu hazır bir şekilde attığımız zaman doğal olarak öğrenmiş olmuyorsunuz. Kendiniz yazarsanız öğrenmiş olursunuz. Yanlış anlaşılmasın.

Zaten ben şu an 150 200 tane toz zerresi kadar etmeyecek satır yazdım ama hiçbirini hazır kod yazmadım. Çoğu etiketi de sallayarak yazıyorum ve şu ana kadar pek fazla sorun çıkmadı. Zaten ben eğer hazır kod görmezsem nasıl öğreneceğim ki etiketleri?

Keşke tüm Event listesini atsaydım da arkadaş baka baka bulsaydı daha yararlı olurdu bence.

Evet tam bana o lazım CSS için W3 Schools'tan tüm etiketleri buldum ama HTML'de yok.

@Yusuf1283 anlıyorum, JavaScript biraz karışık gelebilir HTML ve CSS'e göre. Ancak güzel bir şekilde öğrenirseniz JavaScript'i rahat bir şekilde yapabilirsiniz. Sizin için diyorum.

Karışık diye bir şey demedim, şu ana kadar çok az satır yazdığım için ve bunların çoğu da deneysel olarak köşede beklediği ve tam anlamıyla bir bütünlük yaratmadığından JavaScript yüzü görmedim. Bu yüzden daha yüzünü görmediğim şeyin karışık olduğunu söyleyemem.

@Yusuf1283 anlıyorum, JavaScript biraz karışık gelebilir HTML ve CSS'e göre. Ancak güzel bir şekilde öğrenirseniz JavaScript'i rahat bir şekilde yapabilirsiniz. Sizin için diyorum.

Ama zaten bunu hiç JavaScript görmediğimi bilerek önceden bir hatırlatma maksadıyla yazdığınızı düşünüyorum.



Yolda olmasam kodları yazarak anlatırdım ama böyle idare et hocam :)

JavaScript Event Listesini bekliyorum ayrıca şu JavaScript'li örneği buradan buldum.
 
Son düzenleyen: Moderatör:

Technopat Haberler

Geri
Yukarı