Como codificar um dado virtual aleatório simples: 6 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:36

Olá a todos!!!!! Este é o meu primeiro instrutível e irei ensiná-lo a codificar um dado virtual no seu PC ou smartphone. Estou usando HTML, JavaScript e CSS, espero que todos gostem e não se esqueçam de votar em mim no contexto abaixo.

Suprimentos

1. Um bom editor de texto no seu smartphone ou PC

Etapa 1: Obtenha seu Editor de Texto

Aqui estou usando meu smartphone como editor de texto aqui (AnWriter). Você também pode usar o bloco de notas do seu PC ou obter um bom editor de texto online

Etapa 2: Baixar Die Faces

Baixei algumas faces de dados de 1 a 6 que anexamos a esta etapa. Assim, você pode baixar o seu preferido ou usar o meu (você é gratuito).

Nomeei o meu de acordo com as faces dos dados. Isso é:

Die_face_1.png, Die_face_2-p.webp

Etapa 3: iniciar a codificação

Salve o código como arquivo.html

Comece introduzindo a face padrão da matriz que você deseja usando o img src

Passo 4:

Em seguida, precisaremos de um botão para lançar os dados; fazemos isso adicionando uma função de botão

ROLO DE DADOS

Etapa 5: use a função Var e matemática

SHAKE DICE

function 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 ("dados"). src = di [vu-1];

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

}

Este é o código completo, estude-o e teste-o e certifique-se de obter a foto para obter o efeito

E se precisar da minha ajuda com este código, mencione-o na seção de comentários

Você pode alterar o design se não gostar, mas eu prefiro para o propósito para o qual quero usá-lo

Etapa 6: Executar

execute o código em seu navegador para fazê-lo funcionar