Tutorial Pemrograman

Cara Membuat Website Name Generator

Name Generator merupakan salah satu untuk manipulasi berbagai kumpulan data dengan cara memilihnya secara acak hingga menghasilkan nama yang sesuai dengan nilai acak-nya. Banyaknya kemungkinan yang di dapatkan melalui Name Generator dapat dimanfaatkan sebagai media penelitian maupun pengembangan web.

Penggunaan Name Generator juga dapat di asosiasikan dengan pengecekan atau simulasi ketika pengguna website menggunakan berbagai layanan berdasarkan jumlah karakter nama yang di gunakan. Tentunya, keberadaan Name Generator sangat membantu para pengembang web baik secara statis (menggunakan HTML – CSS – Javascript) maupun dinamis (menggunakan Framework).

Sebelumnya, persiapkan text editor (seperti Notepad, Sublime Text, dan sebagainya) sebagai media pengetikan kode kita. Untuk pengetesan website, kita hanya akan menggunakan browser (Firefox, Google Chrome, dan sebagainya) serta tidak memerlukan aplikasi local hosting seperti XAMPP dan sebagainya.

Langkah:

Buatlah sebuah file HTML bernama index.html melalui text editor kamu. Isi dari index ialah sebagai berikut:

Lalu, pada bagian <body>, masukkan kode berikut:

Nantinya, bagian pada <body> akan menjadi seperti berikut:

Lalu, pada bagian <script>, masukkan kode berikut:

Pada kode di atas, kita membuat susunan fungsi yang memiliki kinerja sebagai berikut:

  • Fungsi capitalize digunakan sebagai indikator bahwa setiap kalimat yang akan di proses, awalan hurufnya harus dijadikan kapital (contoh : inwepo akan berubah menjadi Inwepo setelah masuk fungsi ini).
  • Fungsi getRandomInt digunakan untuk mendapatkan nilai acak. Nilai dihasilkan melalui ketentuan bahwa terdapat nilai terendah (min) dan nilai tertinggi (max; di dapat dari jumlah konten yang terdapat pada variabel name1 / name2), lalu disesuaikan dengan aritmatika-nya.
  • Fungsi generateName digunakan untuk memunculkan nama hasil dari nilai acak yang telah dilakukan. fungsi ini juga digunakan sebagai penampung nama yang di simpan pada dua variabel, yaitu name1 dan name2. Hasil dari fungsi generateName merupakan gabungan dari dua nama (name1 & name2; depan & belakang) yang di pilih sesuai dengan nilai acak yang didapatkan.

Nantinya, bagian pada <script> akan menjadi seperti berikut:

Jika sudah, maka langkah selanjutnya ialah menyimpan (/ save) file HTML yang telah kita buat.

Jalankan file tersebut dengan cara memindahkannya menuju browser (/ klik file-nya jika secara otomatis terkait dengan aplikasi browser). Lalu, klik tombol Click Me yang sebelumnya telah kita sediakan dalam HTML kita. Jika berhasil, maka nantinya akan muncul sebuah teks yang berisikan hasil dari nama acak yang telah kita buat sebelumnya.

Demikian tutorial cara membuat website Name Generator. Semoga bermanfaat.









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Download Aplikasi Inwepo

Berlangganan tutorial Inwepo melalui email

Copyright © 2018 Inwepo - All Rights Reserved.

To Top