Энгийн санамсаргүй виртуал шоо хэрхэн кодлох вэ: 6 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:01

Бүгдээрээ сайн уу!!!!! Энэ бол миний анхны зааварчилгаа бөгөөд би танд компьютер эсвэл ухаалаг гар утсан дээрээ виртуал шоо хэрхэн кодлохыг зааж өгөх болно. Би 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: Гүйх

кодыг ажиллуулахын тулд хөтөч дээрээ ажиллуулна уу