Как да кодирате обикновени случайни виртуални зарове: 6 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:51

Здравейте всички!!!!! Това е първият ми инструктаж и ще ви науча как да кодирате виртуални зарове на вашия компютър или смартфон. Използвам HTML, JavaScript и CSS, надявам се, че всички ще ви харесат и не забравяйте да гласувате за мен в контекста по -долу.

Консумативи

1. Добър текстов редактор на вашия смарт телефон или компютър

Стъпка 1: Вземете своя текстов редактор

Тук използвам смартфона си като текстов редактор тук (AnWriter). Можете също да използвате бележника на вашия компютър или да получите добър текстов редактор онлайн

Стъпка 2: Изтеглете Die Faces

Изтеглих няколко умиращи лица от 1 до 6, които прикачвам към тази стъпка. Така че, можете да изтеглите предпочитания от вас или да използвате моя (вие сте безплатни).

Нарекох моето според лицето на умрелите. Това е:

Die_face_1.png, Die_face_2.png….и така нататък до 6 за по -добро разпознаване

Стъпка 3: Започнете кодирането

Запазете кода като.html файл

Започнете, като въведете лицето по подразбиране, което искате, като използвате img src

Стъпка 4:

След това ще имаме нужда от бутон, за да хвърлим заровете, правим това, като добавим функция за бутон

РОЛЕТЕ ЗАРИ

Стъпка 5: Използвайте функцията Var и Math

РАЗТРЕЖЕТЕ ЗАРОВЕ

функция 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 ("зарове"). src = di [vu-1];

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

}

Това е пълният код, изучете го и го тествайте и се уверете, че сте получили снимката, за да получите ефекта

И ако имате нужда от помощта ми за този код, споменете го в секцията за коментари

Можете да промените дизайна, ако не ви харесва, но аз го предпочитам за целта, за която искам да го използвам

Стъпка 6: Бягайте

стартирайте кода във вашия браузър, за да работи