Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
cara buat form input pake 2 id di php gmn ya?
jadi kebetulan saya mau pake 2 javascript di form input.
1. hitung otomatis.
2. text terbilang.
saya udah nyoba buat pake 2 id gk bs, cuman bisa memilih salah satu. jadi apa sebenarnya bisa menggunakan 2 id di form input? atau apa ada yg harus diubah dibagian javascript nya?
yang saya gunakan (cuman bisa memilih slah satu)
<input name="nominal" type="number" class="form-control" id="textterbilang" onkeyup="inputTerbilang();" placeholder="Rp.." required>
Bentuk yg diinginkan (error)
<input name="nominal" type="number" class="form-control" id="textterbilang" id="hitungotomatis" onkeyup="inputHitungOtomatis();" onkeyup="inputTerbilang();" placeholder="Rp.." required>
javascript hitungotomatis
<script>
function sum() {
var txtFirstNumberValue = document.getElementById('txt1').value;
var txtSecondNumberValue = document.getElementById('txt2').value;
var result = parseInt(txtFirstNumberValue) + parseInt(txtSecondNumberValue);
if (!isNaN(result)) {
document.getElementById('txt3').value = result;
}
}
</script>
javascript terbilang
<script type="text/javascript">
function inputTerbilang() {
//membuat inputan otomatis jadi mata uang
$('.mata-uang').mask('0000000000', {reverse: true});
//mengambil data uang yang akan dirubah jadi terbilang
var input = document.getElementById("nominal").value.replace(/\./g, "");
//menampilkan hasil dari terbilang
document.getElementById("terbilang-output").value = terbilang(input).replace(/ +/g, ' ');
}
</script>
3 Jawaban:
<div>pake 1 id aja.... gabungin di 1 function</div>
Tanggapan
Jd pake nya gmn gan? id="texterbilang; hitingotomatis" gt kah?
<div>Jadi jalanin 2 fungsi js di satu elemen gitu ya bang? gitu ga sih? wkwkkwkw<br>penasaran jadi saya coba buat juga, ga tau deh bisa jadi solusi buat masalah bang @dynemix ato engga, kalo bisa bagus dah<br><br><a href="https://codepen.io/I_Blue/pen/YzpRYPM">https://codepen.io/I_Blue/pen/YzpRYPM</a><br><br>#HTML</div><pre><div class="form-group"> <input type="number" id="input1" placeholder="Rp"> </div>
<div class="form-group"> <input type="number" id="input2" placeholder="Rp"> </div>
<br /> <div class="form-group"> <input type="number" id="result" placeholder="Result"> </div><br></pre><div><br>#JQuery</div><div> </div><pre>$('#input1, #input2').on('keyup keypress input blur', function(){ function1(); function2(); });
function function1() { var a = $("#input1").val(); var b = $("#input2").val();
var result = parseInt(a) + parseInt(b);
if (!isNaN(result)) {
$("#result").val(result);
} else if (isNaN(result)) {
$("#result").val("");
}
}
function function2() { // Mask plugin // Logic lain, dll console.log("Ba!"); }</pre><div> </div><div><br></div>
Tanggapan
nah ini udh bener gan, tp masalahnya tiap saya mau nulis 10000 ada text terbilang nya dibawah form input nya "Sepuluh Ribu". makanya butuh 2 fungsi di 1 form gitu gan
<div>Waduh, saya cuma paham HTMLnya doang. <br><br></div>