Rainbow Text Maker
Rainbow Text Maker includes a form with a text input field and a submit button, as well as a div element where the rainbow text will be displayed. It also includes some CSS styling to make the rainbow effect on the text using a linear gradient.
The JavaScript code at the bottom of the HTML file handles the updating of the rainbow text based on the user's input. When the text input field changes, the updateRainbowText() function is called, which creates a new span element with the class name rainbow-text, sets its inner text to the value of the input field, and appends it to the rainbow text div. The CSS styling then applies the rainbow effect to the text using the -webkit-background-clip and -webkit-text-fill-color properties.
Overall, this HTML code provides a basic Rainbow Text Maker Tool that allows users to create colorful text easily.
=============================================================================
রেইনবো টেক্সট মেকার
রেইনবো টেক্সট মেকার একটি টেক্সট ইনপুট ক্ষেত্র এবং একটি জমা বোতাম সহ একটি ফর্ম, সেইসাথে একটি div উপাদান যেখানে রংধনু পাঠ্য প্রদর্শিত হবে। এটি একটি রৈখিক গ্রেডিয়েন্ট ব্যবহার করে পাঠ্যের উপর রংধনু প্রভাব তৈরি করতে কিছু CSS স্টাইলিং অন্তর্ভুক্ত করে।
এইচটিএমএল ফাইলের নীচে জাভাস্ক্রিপ্ট কোডটি আপডেট করার কাজ পরিচালনা করেব্যবহারকারীর ইনপুটের উপর ভিত্তি করে রংধনু পাঠ্য। যখন টেক্সট ইনপুট ক্ষেত্র পরিবর্তন হয়,আপডেট রেইনবো টেক্সট() ফাংশন বলা হয়, যা ক্লাসের নামের সাথে একটি নতুন স্প্যান উপাদান তৈরি করেরংধনু-টেক্সট, ইনপুট ক্ষেত্রের মানের সাথে এর অভ্যন্তরীণ পাঠ্য সেট করে এবং রংধনু পাঠ্য ডিভিতে এটি যুক্ত করে। CSS স্টাইলিং তারপর ব্যবহার করে টেক্সটে রংধনু প্রভাব প্রয়োগ করে-ওয়েবকিট-ব্যাকগ্রাউন্ড-ক্লিপ এবং-ওয়েবকিট-টেক্সট-ফিল-রং বৈশিষ্ট্য
সামগ্রিকভাবে, এই HTML কোডটি একটি মৌলিক রেনবো টেক্সট মেকার টুল প্রদান করে যা ব্যবহারকারীদের সহজেই রঙিন টেক্সট তৈরি করতে দেয়।
No comments:
Post a Comment