Daftar Isi:
2025 Pengarang: John Day | [email protected]. Terakhir diubah: 2025-01-13 06:57
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