راکت

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

9 پاسخ

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

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

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

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

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

فرهاد
فرهاد
@cfarhad
ثبت پرسش جدید

پاسخ‌ها

9
حسام موسوی
حسام موسوی
@hesammousavi

تخصص: طراح و برنامه نویس

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

علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

درود

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

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

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

شاید پاسخ شما همین‌جا باشد

فرهاد
فرهاد
@cfarhad

تخصص: Javascript Developer

@ali.bayat

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

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

علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

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

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

فرهاد
فرهاد
@cfarhad

تخصص: Javascript Developer

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

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

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

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]
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

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

فرهاد
فرهاد
@cfarhad

تخصص: Javascript Developer

@milad

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

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

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

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

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