Cách viết mã một con xúc xắc ảo ngẫu nhiên đơn giản: 6 bước
Cách viết mã một con xúc xắc ảo ngẫu nhiên đơn giản: 6 bước

Mục lục:

Anonim
Cách viết mã một con xúc xắc ảo ngẫu nhiên đơn giản
Cách viết mã một con xúc xắc ảo ngẫu nhiên đơn giản

Chào mọi người!!!!! Đây là hướng dẫn đầu tiên của tôi và tôi sẽ dạy bạn cách viết mã một con xúc xắc ảo trên PC hoặc điện thoại thông minh của bạn. Tôi đang sử dụng HTML, JavaScript và CSS, tôi hy vọng tất cả các bạn sẽ yêu thích nó và đừng quên bình chọn cho tôi trong bối cảnh bên dưới.

Quân nhu

1. Một trình soạn thảo văn bản tốt trên điện thoại thông minh hoặc PC của bạn

Bước 1: Tải xuống trình soạn thảo văn bản của bạn

Ở đây tôi đang sử dụng điện thoại thông minh của mình như một trình soạn thảo văn bản ở đây (AnWriter). Bạn cũng có thể sử dụng notepad của PC hoặc tải một trình soạn thảo văn bản tốt trực tuyến

Bước 2: Tải xuống Die Faces

Tải xuống khuôn mặt chết
Tải xuống khuôn mặt chết
Tải xuống khuôn mặt chết
Tải xuống khuôn mặt chết
Tải xuống khuôn mặt chết
Tải xuống khuôn mặt chết

Tôi đã tải xuống một số khuôn mặt từ 1 đến 6 mà tôi đính kèm vào bước này. Vì vậy, bạn có thể tải xuống cái ưa thích của mình hoặc sử dụng cái của tôi (bạn miễn phí).

Tôi đặt tên của tôi theo các khuôn mặt. Đó là:

Die_face_1.png, Die_face_2.png….và tiếp tục cho đến ngày 6 để được công nhận tốt hơn

Bước 3: Bắt đầu mã hóa

Lưu mã dưới dạng tệp.html

Bắt đầu bằng cách giới thiệu mặt khuôn mặc định mà bạn muốn bằng cách sử dụng img src

Bước 4:

Tiếp theo, chúng ta sẽ cần một nút để tung xúc xắc, chúng ta làm điều này bằng cách thêm một chức năng nút

ROLL DICE

Bước 5: Sử dụng hàm Var và Math

Sử dụng hàm Var và Math
Sử dụng hàm Var và Math

CHIA SẺ

hàm 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 ("xúc xắc"). src = di [vu-1];

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

}

Đây là code đầy đủ, hãy nghiên cứu và test nó và đảm bảo bạn sẽ chụp ảnh đạt hiệu quả

Và nếu bạn cần sự giúp đỡ của tôi về mã này, hãy đề cập đến nó trong phần bình luận

Bạn có thể thay đổi thiết kế nếu bạn không thích nhưng tôi thích nó cho mục đích tôi muốn sử dụng

Bước 6: Chạy

chạy mã trên trình duyệt của bạn để làm cho nó hoạt động