Postingan lainnya
akses variabel dari luar dalam fungsi keydown jquery
var codeIsbn;
$('#bookISBN').keydown(function(){
var bookIsbn = $('#bookISBN').val();
var splitISBN = bookIsbn.split('-');
codeIsbn = splitISBN[1]+'-'+splitISBN[2]+'-'+splitISBN[3];
return codeIsbn;
// console.log(codeIsbn);
})
var kategori;
$('#katBook').keydown(function(){
kategori = $('#katBook').val();
return kategori;
})
$('#bookCode').val(codeIsbn+'-'+kategori);
bagaimana caranya saya bisa mengakses variabel codeIsbn dan kategori yang berda di dalam fungsi keydown jquery. saya mau akses variabel tersebut dari luar fungsi sehingga saya bisa menggabungkan ke dalama value kode buku
3 Jawaban:
<div>Coba jangan pakai return, return digunakan jika ingin mengembalikan value pada suatu fungsi.</div><pre>let codeIsbn; $('#bookISBN').keydown(function(){ let bookIsbn = $('#bookISBN').val(); let splitISBN = bookIsbn.split('-'); codeIsbn = splitISBN[1]+'-'+splitISBN[2]+'-'+splitISBN[3]; });
let kategori;
$('#katBook').keydown(function(){ kategori = $('#katBook').val(); });
$('#bookCode').val(codeIsbn+'-'+kategori);</pre><div><br>coba pelajari juga <a href="https://carakode.com/mengenal-scope-variabel-global-dan-local-pada-javascript/">scope variable pada javascript</a></div>
<div>saya mencoba mengikuti code yang diatas, tapi muncul error undefined saat di console log</div>
<div>Kalo mau nilai nya muncul pada saat event keydown, mungkin bisa gunakan contohnya sepert ini :<br><br></div><pre><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> ISBN : <input type="text" id="isbn" /> <br>
Kategori : <input type="text" id="kategori"> <br>
Kode Buku : <input type="text" id="kode-buku" readonly> <script src="https://code.jquery.com/jquery-1.6.4.js"></script> <script typte="text/javascript"> let ISBN = "", Kategori = "";
$("#isbn, #kategori").keyup(function(){
ISBN = $("#isbn").val();
Kategori = $("#kategori").val();
$("#kode-buku").val(ISBN + " - " + Kategori);
});
</script> </body> </html></pre><div><br>Lihat hasil contohnya <a href="https://jsbin.com/gajawiquwo/edit?html,console,output">disini</a> Semoga membantu!</div>