Cara Membuat Kode Dadu Virtual Acak Sederhana: 6 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:54

Halo semuanya!!!!! Ini adalah instruksi pertama saya dan saya akan mengajari Anda cara membuat kode dadu virtual di PC atau ponsel cerdas Anda. Saya menggunakan HTML, JavaScript dan CSS, saya harap Anda semua menyukainya dan jangan lupa untuk memilih saya dalam konteks di bawah ini.

Perlengkapan

1. Editor teks yang bagus di ponsel pintar atau PC Anda

Langkah 1: Dapatkan Editor Teks Anda

Di sini saya menggunakan ponsel cerdas saya sebagai editor teks di sini (AnWriter). Anda juga dapat menggunakan notepad PC Anda, atau mendapatkan editor teks yang bagus secara online

Langkah 2: Unduh Die Faces

Saya mengunduh beberapa wajah mati dari 1 hingga 6 yang saya lampirkan pada langkah ini. Jadi, Anda dapat mengunduh yang Anda sukai atau menggunakan milik saya (Anda gratis).

Saya menamai saya sesuai dengan wajah mati. Itu adalah:

Die_face_1.png, Die_face_2-p.webp

Langkah 3: Mulai Pengodean

Simpan kode sebagai file.html

Mulailah dengan memperkenalkan wajah mati default yang Anda inginkan dengan menggunakan img src

Langkah 4:

Selanjutnya kita akan membutuhkan tombol untuk melempar dadu, kita melakukannya dengan menambahkan fungsi tombol

GULUNGKAN DADU

Langkah 5: Gunakan Fungsi Var dan Math

kocok dadu

fungsi getRand(){

var vu=Math.floor(Math.random()*6)+1;

var vu2=Math.floor(Math.random()*6)+1;

var di =["die_face_1.png", "die_face_2.png", "die_face_3.png", "die_face_4.png", "die_face_5.png", "die_face_6.png"];

document.getElementById("dadu").src= di[vu-1];

document.getElementById("dicl").src= di[vu2-1];

}

Ini adalah kode lengkapnya, pelajari dan uji dan pastikan Anda mendapatkan foto untuk mendapatkan efeknya

Dan jika Anda membutuhkan bantuan saya tentang kode ini, sebutkan di bagian komentar

Anda dapat mengubah desain jika Anda tidak menyukainya, tetapi saya lebih suka untuk tujuan yang ingin saya gunakan

Langkah 6: Jalankan

jalankan kode di browser Anda untuk membuatnya berfungsi