কনফিগারযোগ্য ওয়ার্ড ক্লক সিমুলেটর: 3 টি ধাপ

2024 লেখক: John Day | [email protected]. সর্বশেষ পরিবর্তিত: 2024-01-30 07:56

এটি ঠিক একটি নির্দেশযোগ্য নয়। আমি আমার নিজের ওয়ার্ড ক্লক ডিজাইন করছি, এবং প্রথমে একটি ওয়েব অ্যাপ সিমুলেটর তৈরির সিদ্ধান্ত নিয়েছি যাতে আমি গ্রিডটি বের করতে পারি এবং দিনের বিভিন্ন সময়ে এটি কেমন দেখায় তা পরীক্ষা করতে পারি। তারপরে আমি বুঝতে পারলাম যে শব্দ ঘড়িতে কাজ করা অন্যান্য লোকদের জন্য এটি কার্যকর হতে পারে এবং এটি ভাগ করার সিদ্ধান্ত নিয়েছে।

অ্যাপটি একটি একক সংক্ষিপ্ত HTML ফাইল। যদি আপনি এটি সংরক্ষণ করেন এবং এটিতে ডাবল ক্লিক করেন, এটি আপনার ব্রাউজারে খুলবে এবং বর্তমান সময় প্রদর্শন শুরু করবে। তারপর সময় পরিবর্তিত হলে এটি প্রতি 10 সেকেন্ডে ডিসপ্লে আপডেট করবে।

এখানে একটি পাঠ্য ক্ষেত্রও রয়েছে যেখানে আপনি যে কোনও নির্দিষ্ট সময়ে টাইপ করতে পারেন এবং দেখতে পারেন এটি আপনার প্রকল্পে কেমন দেখাবে।

প্রত্যেকের শব্দ ঘড়ির নকশা আলাদা, তাই আমি কোডটি সহজেই কনফিগার করার চেষ্টা করেছি। এটি কীভাবে করবেন তার ইঙ্গিতগুলির জন্য পরবর্তী কয়েকটি ধাপ দেখুন।

আমি আশা করি আপনি এটি সহায়ক পাবেন! হার্ডওয়্যারে প্রতিশ্রুতি দেওয়ার আগে লেআউট এবং শব্দের সাথে পরীক্ষা করতে পারা খুবই ভালো!

ধাপ 1: HTML ফাইল ডাউনলোড করুন

সিমুলেটর হল একটি একক ফাইল ওয়েব অ্যাপ। এটি মাত্র 200 লাইনের নিচে। আপনি এখানে এটা ডাউনলোড করতে পারেন।

(Github- এ ফাইলটি ডাউনলোড করার জন্য সত্যিই একটি বোতাম নেই।

আপনি এটি ডাউনলোড করার পরে, ফাইলটিতে ডাবল ক্লিক করুন এবং এটি আপনার ব্রাউজারে একটি ট্যাবে লোড হবে। আপনি একটি শব্দ গ্রিডে প্রদর্শিত বর্তমান সময় দেখতে হবে।

দ্রষ্টব্য: আমি শুধুমাত্র উইন্ডোজে ক্রোম ব্যবহার করে অ্যাপটি পরীক্ষা করেছি।

ধাপ 2: গ্রিড সম্পাদনা করুন

আপনি জাভাস্ক্রিপ্টের টুকরোটি সম্পাদনা করে বিভিন্ন শব্দ লেআউট চেষ্টা করতে পারেন যা এইরকম দেখাচ্ছে:

var row_strs = ["এটা আছে", "এক তিন", "চার পাঁচ", "সাত আট", "নয় দশ", "এগারো টুয়েলভ", "ওহ পাঁচ দশ", "পঞ্চাশ কুড়ি", "ও'ক্লক থার্টি", "ফোর্টি ফিফটি ফাইভ", "ইন আফটারনুন", "এট নাইট মর্নিং",];

আপনি যদি সারি যোগ/মুছে ফেলেন এবং পৃষ্ঠাটি পুনরায় লোড করেন, তাহলে আপনার গ্রিড বড় বা ছোট হবে।

এবং যদি আপনি প্রতিটি সারিতে আরও অক্ষর যোগ করেন, আপনার গ্রিড আরও প্রশস্ত হবে। শুধু নিশ্চিত করুন যে সমস্ত সারিতে একই সংখ্যক অক্ষর রয়েছে।

আপনি লক্ষ্য করবেন যে উপরের কোডের স্ট্রিংগুলিতে স্পেস রয়েছে, তবে সেগুলি গ্রিডে এলোমেলো অক্ষরে পরিণত হয়। আপনি এমন অক্ষরের সেট চয়ন করতে পারেন যা এলোমেলোভাবে সেই স্থানগুলি পূরণ করতে ব্যবহৃত হবে যা এইরকম লাইন সম্পাদনা করে:

var RANDCHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ@#$%&";

ধাপ 3: শব্দ পরিবর্তন করুন

আপনি যদি বিভিন্ন ফ্রেজিং ব্যবহার করতে চান তাহলে কিভাবে কোড লিখতে হবে তা জানতে হবে। যুক্তি যা একটি তারিখ নেয় এবং এটিকে শব্দে পরিণত করে ডেটটোসেন্টেন্স () নামক ফাংশনে।