কীভাবে এইচটিএমএল, জাভা স্ক্রিপ্ট এবং সিএসএস  ব্যবহার করে ব্যাকগ্রাউন্ড পছন্দ করার সাথে সাথে সেটি প্রদর্শিত হবে?


এইচটিএমএল, জাভা স্ক্রিপ্ট এবং সিএসএস  ব্যবহার করে ব্যাকগ্রাউন্ড পছন্দ করার সাথে সাথে সেটি প্রদর্শিত হবে তা তৈরি করা শিখব ।

প্রায় জিজ্ঞাসিত প্রশ্ন:

কীভাবে এইচটিএমএল, জাভা স্ক্রিপ্ট এবং সিএসএস  ব্যবহার করে ব্যাকগ্রাউন্ড পছন্দ করার সাথে সাথে সেটি প্রদর্শিত হবে এমন পদ্ধতি তৈরি করা যায় ?


কীভাবে এইচটিএমএল, জাভা স্ক্রিপ্ট এবং সিএসএস  ব্যবহার করে ব্যাকগ্রাউন্ড পছন্দ করার সাথে সাথে সেটি প্রদর্শিত হবে - অটোমেটিক ব্যাকগ্রাউন্ড রং পরিবর্তন তৈরি করা যায়?


কীভাবে সিএসএস, এইচটিএমএল ব্যবহার করে অটোমেটিক ব্যাকগ্রাউন্ড কালার চেঞ্জ তৈরি করা যায় ?


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

Source Code:

 🍃




১. এইচটিএমএল অংশ তৈরি

আমরা Body ট্যাগে মধ্যে
 onkeyup="document.bgColor=document.f.t.value"> এটি নিয়ে নিলাম।

i. তিনটি input পদ্ধতি তৈরি করতে হবে ।
একটিতে রং নির্বাচন । ২য় টি তে সেই রং হেক্স কোড প্রদর্শিত হবে।
ii. তৃতীয় টি ইনপুট করলে সেটি অটোমেটিক আউট পুট করবে ।

 ২. সিএসএস অংশ তৈরি ।


  অযথা কন্টেন্ট বড় না করার জন্য এখানে শুধুমাত্র আপনাকে কী পরিবর্তন করতে হবে তাই শিখাব । প্রত্যেক লাইন ভেঙে ভেঙে বা আলাদা করে তৈরি বা শিখানো খুবই কষ্টসাধ্য ব্যাপার । আপনার যদি কোথাও সমস্যা হয় তবে আপনি আমাকে জানাতে পারেন । এখন আমরা ডিফল্ট ব্যাকগ্রাউন্ড রং পরিবর্তন করতে শিখব।  নিচে খেয়াল করুন -



----- ডিফল্ট কিছু আমাদের লিখতে হবে না এটি সক্রিয়ভাবে হবে ।




রেজাল্ট বা ফলাফল :


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


বিশেষ দ্রষ্টব্য :
সোর্স কোড এ কোনোরকম ভুল বা ত্রুটি নেই ।কারণ পরীক্ষা করা হয়েছে এবং তা আপনারা উপরে ফলাফল হিসেবে দেখছেন । তারপরও যদি কোনো সমস্যা হয় তাহলে আমাকে জানাতে পারেন ।




    My Talk:

    Thank you for reading this blog.
    Hi, Assalamualaikum! I am Sheikh Jubayer. I want to say something. Actually I have written this article or content or blog with a lot of difficulty, thinking and taking a lot of time. However, there may be some spelling or sentence mistakes. I hope you will see the apology in a good light. Hope you benefited. However, if there is any problem, leave a comment. I will try to answer your question properly. Thank you!