Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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>