Skip to main content

Cara Membuat Random Number String dengan Javascript

Cara Membuat Random Number String dengan Javascript - Angka dan Huruf Acak ini dibuat menggunakan Javascript yang biasanya dibutuhkan untuk beberapa hal yang lumayan perlu, seperti password, code verifikasi, dan lain-lain. Script ini berfungsi untuk menghasilkan gabungan dari string dan number, kelebihannya juga string yang dihasilkan sudah uppercase dan lowercase jadi tidak melulu huruf besar.

Cara Membuat Random Number String dengan Javascript

Penggunaan dari script ini juga sangat mudah tidak terlalu banyak source code asal penempatannya rapih dan baik akan terasa sangat elegan namun jika Kamu belum mengetahui bagaimana cara menulis source code yang baik maka Saya sarankan untuk membaca artikel tentang Bagaimana Cara Menulis Kode Yang Baik dengan mengklik judul tersebut.

Baca juga : Membuat Dark Mode Light Mode dengan Javascript CSS

Cara Membuat Random Number String dengan Javascript Math.Random


1. Copy Source Code Angka Huruf Acak Javascript dibawah ini ke text editor Kamu, kemudian save dengan file main.js.
function maketextnumber(n) {
    for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", 
"o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "A", "B", "C", "D", "E", "F",
 "G", "H", "I",  "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W",
 "X", "Y", "Z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
 e = n, t = new Array, a = 0; a <= e - 1; a++) {
        t[a] = r[parseInt(Math.random() * r.length)];
        t = t;
        randomtextnumber = t.join("")
    }
}
var hasil = document.getElementById("hasil-output");
hasil.innerHTML = (maketextnumber(6), randomtextnumber);

Baca Juga : Penggunaan Fungsi Tag Style pada HTML

2. Copy Source code html ini untuk membuat Output Javascript ke text editor Kamu, kemudian save dengan file index.html.
<div id="hasil-output"></div>

3. Terakhir, panggil file main.js tadi menggunakan script dibawah ini dan lihat hasilnya.
<Script src="main.js"></script> // Untuk Kamu yang menyimpan file langsung di dalam satu folder

Sedikit penjelasan mengenai output, kamu dapat mengganti jumlah karakter yang muncul dengan mengganti angka 6 pada (maketextnumber(6), randomtextnumber) bisa disesuaikan dengan kebutuhan Kamu.

See the Pen Random Text Number Javascript by Rahadina Budiman Sundara (@KeyzeX) on CodePen.

Demikian Tutorial Cara Membuat Random Number String dengan Javascript. Semoga bermanfaat, jika ada masukan silahkan gunakan kolom komentar dengan bijak.
Newest Post
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar