Anlık sayı değişimi [ÇÖZÜLDÜ]
Number tipi input alanına yazdığım sayıların yazarken altındaki butonun value değerinde anlık olarak görünmesini istiyorum. Nasıl yapabilirilim.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (8)
Phpde bunla ilgili fonksiyonlar var ama javascript te varmı bilmiyorum.
money_format() veya number_format()
@makifgokce tesekkür ederim tam olarak istediğim buydu. Çok sağol.
Çok şart olmamakla beraber olsa iyi olurdu diyeceğim bir şey daha var.
$("#btn").text(v+" Teklif et");
şu v değerini decimal ayırarak gösterebilsem iyi olur. Tekrar teşekkür ederim.
<input onChange="myFunction()" type="number" id="myText" value="0">
<button id="btn">Try it</button>
<script>
function myFunction() {
var x = document.getElementById("myText").value;
document.getElementById("btn").value = x;
document.getElementById("btn").innerHTML = x + " Teklif Et";
}
</script>
veya JQuery ile şağıdaki gibi yapabilirsin.
<input type="number" id="myText" value="0">
<button id="btn">Try it</button>
<script>
$( "#myText" ).change(function() {
var v = $("#myText").prop("value");
$("#btn").text(v+" Teklif et");
$("#btn").prop("value", v);
});
</script>
hocam kontrol et buton id ile aşağıda buton idsi aynı olacak
input idsi ile aşağıda yazan input_id aynı olacak ben kodda hata görmedim
function myFunction() {
var x = document.getElementById("input_id").value;
document.getElementById("buton_idsi").value = x;
}
@makifgokce yanıtın için teşekkür ederim. Örnekte en azında butona basınca veriyordu. Cevabında o da kaybolmuş Yani çalışmadı. Tekrar gözden geçirirmisin bazen hızla cevap verirken bir yerleri atlıyoruz.
Resimdeki örnekteki gibi kullanmak istiyorum. Solda sayı değiştirdikçe sağdaki kırmızı alandaki aynı anda değişecek.
https://prnt.sc/s0vkgf
<input onChange="myFunction()" type="text" id="myText" value="Some text...">
<button id="btn">Try it</button>
<script>
function myFunction() {
var x = document.getElementById("myText").value;
document.getElementById("btn").value = x;
}
</script>
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_text_get
bu örnektekine yakın istediğim ama Try it butonuna basmadan yazarken göstersin.