فرهاد
5 سال پیش توسط فرهاد مطرح شد
9 پاسخ

کیبورد عدد مجازی

سلام ، من میخوام یه کیبورد شماره ای درست کنم. دقیقا مثل اون چیزی که توی درگاه های پرداخت هست .

با جی کوئری هم قراره ساخته بشه

فقط مشکل اینجاس که قراره شماره ها به صورت تصادفی قرار بگیرن.

از کتابخونه قرار نیس استفاده شه و قراره خودم کدهاشو بزنم

ممنون میشم کمک کنید ♥


ثبت پرسش جدید
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
0

سلام خوب مشکل چیه درستش کنید دیگه یک ارایه 0 تا 9 دارید هر بار هم به شکل random اعدادش رو بهم میریزید و نمایش میدید !


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
1

درود

نیازی به jQuery نیست. با خود جاوااسکریپت این کارو بسادگی انجام بدید:

[1,2,3,4,5,6,7,8,9,0].sort(function() {
  return .5 - Math.random();
});

کد بالا آرایه ای از اعداد به هم ریخته رو بر‌میگردونه. میتونید در یه متغیر ذخیره و راحت نمایشش بدید


فرهاد
تخصص : Javascript Developer
@cfarhad 5 سال پیش مطرح شد
0

@ali.bayat

خب این درست ، چطور جلوگیری کنیم از تکرار اعداد

یه از بین 10 تا دکمه چن تاش تکراری میشه


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش آپدیت شد
1

چرا تکراری باشه؟
شما قرار نیست برای هر دکمه این کد رو اجرا کنید. یک بار اجرا میکنید و یه آرایه میگیرید.
شما اعدادتون رو بصورت رندوم در یک آرایه دارید .. که هیچ کدوم تکراری نیست فقط ترتیب چیده شدن به هم خورده
این آرایه رو پیمایش کنید و هر عدد رو به یه دکمه اختصاص بدید.

کد بالا رو کپی کنید داخل Developer Tools > Console
تستش کنید


فرهاد
تخصص : Javascript Developer
@cfarhad 5 سال پیش مطرح شد
0

@ali.bayat
میشه یه مثال کامل با تمام جزئیات بزنید


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

کدی که مهندس بیات قرار دادند در هر مرتبه بصورت تصادفی آرایه ای ده عضوی را بر می گردونه. مثال:

let x = [1,2,3,4,5,6,7,8,9,0].sort(function() {
  return .5 - Math.random();
});
console.log(x); // output: (10) [5, 9, 3, 6, 0, 7, 2, 8, 4, 1]

let y = [1,2,3,4,5,6,7,8,9,0].sort(function() {
  return .5 - Math.random();
});
console.log(y); // (10) [1, 0, 2, 7, 6, 8, 3, 9, 4, 5]

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

جزپیات بیشتر در خصوص تابع sort و استفاده از آن برای بهم ریختن یک آرایه اولیه در منابع زیر:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
https://www.roxo.ir/javascript-array-sort/


فرهاد
تخصص : Javascript Developer
@cfarhad 5 سال پیش مطرح شد
0

@milad

حالا این ده تا عدد رو چطور innerHTML کنم به 10 تا تگ


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

دیگه این مباحث میشه مقدمات کار با dom در جاوااسکریپت. با یک حلقه باید پیاده ش کنی.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام