জাভাস্ক্রিপ্টে অনমাউসওভার ইভেন্ট কি করে

দ্য ' মাউসওভার ” ইভেন্টটি কাঙ্খিত কাজ সম্পাদন করে যখন ব্যবহারকারী একটি HTML উপাদানের উপর মাউস ঘোরায়। এটি “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script>” ছাড়া সব ধরনের HTML উপাদান সমর্থন করে। , “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>”, এবং “<param>” উপাদান। জাভাস্ক্রিপ্টে, এটি বেশিরভাগ ইভেন্ট ট্রিগারের উপর নির্দিষ্ট কাজ সম্পাদনের জন্য ফাংশন আহ্বান এবং কার্যকর করতে ব্যবহৃত হয়।<p> এই নির্দেশিকা জাভাস্ক্রিপ্টে 'অনমাউসওভার' ইভেন্টের উদ্দেশ্য এবং কাজ প্রদর্শন করবে।</p> <h2> <strong> কিভাবে 'অনমাউসওভার ইভেন্ট' জাভাস্ক্রিপ্টে কাজ করে?</strong> </h2> <p> দ্য ' <strong> মাউসওভার</strong> ” ইভেন্ট নির্দিষ্ট এলিমেন্টে মাউস পয়েন্টার হোভার করে জাভাস্ক্রিপ্ট ফাংশন কার্যকর করার অনুমতি দেয়।</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="3660419154" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/x65T8KiO8E4?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> বাক্য গঠন</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> উপাদান<span class="me1"> মাউসওভার</span> <span class="sy0"> =</span> ফাংশন<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> মাইস্ক্রিপ্ট<span class="br0"> }</span><span class="sy0"> ;</span> <p> উপরের সিনট্যাক্সে:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <ul> <li> <strong> উপাদান:</strong> এটি নির্দিষ্ট HTML উপাদান যেমন “<p>”, “<h2>”, “<h3>” ইত্যাদি নির্দিষ্ট করে।</li> <li> <strong> ফাংশন():</strong> এটি সংজ্ঞায়িত ফাংশন প্রতিনিধিত্ব করে যা ইভেন্ট ট্রিগারের উপর আহ্বান করা হবে।</li> <li> <strong> মাইস্ক্রিপ্ট:</strong> এটি 'অনমাউসওভার' ইভেন্টটি ঘটলে নির্দিষ্ট কাজটি সম্পাদন করার জন্য ফাংশনের সংজ্ঞাকে বোঝায়।</li> </ul> <p> <strong> সিনট্যাক্স ('addEventListener()' পদ্ধতি সহ)</strong> </p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> উপাদান<span class="me1"> AddEventListener</span><span class="br0"> (</span><span class="st0"> 'মাউস ওভার'</span> , মাইস্ক্রিপ্ট<span class="br0"> )</span><span class="sy0"> ;</span> <p> উপরের সিনট্যাক্সে, ' <strong> AddEventListner()</strong> 'পদ্ধতি সংযুক্ত করে ' <strong> মাউসওভার</strong> ” কিছু কাজ সম্পাদনের জন্য JavaScript ফাংশন কার্যকর করার জন্য ইভেন্ট।</p> <h3> <strong> উদাহরণ 1: বেসিক সিনট্যাক্সের উপর ভিত্তি করে সতর্কতা বক্স প্রদর্শন করতে 'অনমাউসওভার' ইভেন্ট প্রয়োগ করা</strong> </h3> <p> এই পরিস্থিতিতে, একটি ' <strong> মাউসওভার</strong> 'ঘটনা' এর সাথে যুক্ত হতে পারে <strong> <p></strong> ”, অর্থাৎ, ইভেন্ট ট্রিগারে প্রদত্ত বার্তা সহ সতর্কতা বাক্স প্রদর্শন করতে অনুচ্ছেদ HTML উপাদান।</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <h3> <strong> HTML কোড</strong> </h3> <p> প্রথমত, নিম্নলিখিত HTML কোডটি দেখুন:</p> <span class="sy0"> <</span> h2 সারিবদ্ধ<span class="sy0"> =</span><span class="st0"> 'কেন্দ্র'</span><span class="sy0"> ></span> সতর্কতা প্রদর্শন করুন <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+box"><span class="kw3"> বক্স</span></a> ব্যবহার<span class="st0"> 'অনমাউসওভার'</span> ঘটনা<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p onmouseover<span class="sy0"> =</span><span class="st0"> 'নমুনা()'</span><span class="sy0"> ></span> হোভার অন<span class="kw1"> এই</span> একটি সতর্কতা বাক্স পপ আপ করতে অনুচ্ছেদ.<span class="sy0"> </</span> পি<span class="sy0"> ></span> <p> উপরের কোডে:</p> <ul> <li> প্রথমে, “এর মাধ্যমে লেভেল 2 এর একটি উপশিরোনাম যোগ করুন <strong> <h2></strong> ' ট্যাগ করুন এবং এর প্রান্তিককরণ 'কেন্দ্রে' সেট করুন।</li> <li> এর পরে, একটি সম্পর্কিত একটি অনুচ্ছেদ অন্তর্ভুক্ত করুন ' <strong> মাউসওভার</strong> ' ইভেন্ট নামক ফাংশনে পুনঃনির্দেশ করা হচ্ছে ' <strong> নমুনা()</strong> ' যেটি এই অনুচ্ছেদে মাউস হোভারের উপর ট্রিগার করা হবে।</li> </ul> <h3> <strong> জাভাস্ক্রিপ্ট কোড</strong> </h3> <p> এখন, নিচে দেওয়া জাভাস্ক্রিপ্ট কোডের ওভারভিউ:</p> <span class="sy0"> <</span> লিপি<span class="sy0"> ></span> <br> <br> ফাংশন নমুনা<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> সতর্ক<span class="br0"> (</span><span class="st0"> 'অনমাউসওভার ইভেন্ট ট্রিগার হয়েছে'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> লিপি<span class="sy0"> ></span> <p> উপরের কোড স্নিপেটে, ফাংশন ' <strong> নমুনা()</strong> ' প্রদর্শনের জন্য ঘোষণা করা হয় ' <strong> সতর্ক</strong> 'অনমাউসওভার' ইভেন্টটি ট্রিগার হলে বিবৃত বার্তা সহ বক্স।</p> <p> <strong> আউটপুট</strong> </p> <p> <strong> <img class="wp-image-324019" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-1.gif"></strong> </p> <p> এই আউটপুটটি নির্দেশ করে যে যখন মাউসটি অনুচ্ছেদের উপর ঘোরাফেরা করে, তখন 'সতর্কতা' বাক্সটি বিবৃত বার্তা প্রদর্শন করে পপ আপ করে।</p> <h3> <strong> উদাহরণ 2: 'addEventListener()' পদ্ধতি সিনট্যাক্সের উপর ভিত্তি করে পটভূমির রঙ পরিবর্তন করতে 'অনমাউসওভার' ইভেন্ট প্রয়োগ করা</strong> </h3> <p> এই উদাহরণটি অনুচ্ছেদ পরিবর্তন করতে 'addEventListener()' পদ্ধতির সাথে 'onmouseover' ইভেন্টটি প্রয়োগ করে ' <strong> পেছনের রং</strong> ” ইভেন্ট ট্রিগার উপর.</p> <h3> <strong> HTML কোড</strong> </h3> <p> HTML কোড নিচে দেওয়া হল:</p> <span class="sy0"> <</span> h2 সারিবদ্ধ<span class="sy0"> =</span><span class="st0"> 'কেন্দ্র'</span><span class="sy0"> ></span> পটভূমি পরিবর্তন <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+color"><span class="kw3"> রঙ</span></a> ব্যবহার<span class="st0"> 'অনমাউসওভার'</span> ঘটনা<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> পি আইডি<span class="sy0"> =</span><span class="st0"> 'পরীক্ষা'</span><span class="sy0"> ></span> হোভার অন<span class="kw1"> এই</span> এর পটভূমির রঙ পরিবর্তন করতে অনুচ্ছেদ।<span class="sy0"> </</span> পি<span class="sy0"> ></span> <p> কোডের উপরের লাইনগুলিতে:</p> <ul> <li> একইভাবে, ' <strong> <h2></strong> ' উপাদান একটি স্তর 2 উপশিরোনাম তৈরি করে '-এ সারিবদ্ধ <strong> কেন্দ্র</strong> ”</li> <li> এর পরে, ' <strong> <p></strong> ' উপাদানটি একটি আইডি 'পরীক্ষা' সহ অনুচ্ছেদের প্রতিনিধিত্ব করে।</li> </ul> <h3> <strong> জাভাস্ক্রিপ্ট কোড</strong> </h3> <p> এখন, নিম্নলিখিত জাভাস্ক্রিপ্ট কোডে এগিয়ে যান:</p> <span class="sy0"> <</span> লিপি<span class="sy0"> ></span> <br> <br> নথি<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'পরীক্ষা'</span><span class="br0"> )</span> .<span class="me1"> AddEventListener</span><span class="br0"> (</span><span class="st0"> 'মাউস ওভার'</span> , ডেমো<span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> ফাংশন ডেমো<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> নথি<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'পরীক্ষা'</span><span class="br0"> )</span> .<span class="me1"> শৈলী</span> .<span class="me1"> পটভূমি</span> <span class="sy0"> =</span> <span class="st0"> 'গোলাপী'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> লিপি<span class="sy0"> ></span> <p> উপরের কোড ব্লকে:</p> <ul> <li> দ্য ' <strong> getElementById()</strong> 'পদ্ধতিটি 'এর সাথে মিলিতভাবে প্রয়োগ করা হয় <strong> AddEventListener()</strong> ' এর সাথে যুক্ত আইডি 'পরীক্ষা' এর মাধ্যমে অনুচ্ছেদটি আনার পদ্ধতি, এবং 'মাউসওভার' ইভেন্টটিকে তার যুক্তি হিসাবে বিবৃত ফাংশনের সাথে সংযুক্ত করুন।</li> <li> এখন, ফাংশনটি সংজ্ঞায়িত করুন ' <strong> myfunc()</strong> ”</li> <li> ফাংশনের সংজ্ঞায়, ' <strong> document.getElementById()</strong> 'পদ্ধতি ব্যবহার করে' <strong> শৈলী।ব্যাকগ্রাউন্ড</strong> ” ইভেন্ট ট্রিগারে অনুচ্ছেদের পটভূমির রঙ পরিবর্তন করার জন্য বৈশিষ্ট্য।</li> </ul> <p> <strong> আউটপুট</strong> </p> <p> <strong> <img class="wp-image-324020" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-2.gif"></strong> </p> <p> দেখা গেছে, ' <strong> পেছনের রং</strong> ট্রিগার করা ইভেন্টের উপর অনুচ্ছেদের পরিবর্তন করা হয়েছে অর্থাৎ, 'মাউসওভার'।</p> <h2> <strong> উপসংহার</strong> </h2> <p> জাভাস্ক্রিপ্ট বিল্ট-ইন অফার করে “ <strong> মাউসওভার</strong> ” ইভেন্ট যা HTML এলিমেন্টে মাউস পয়েন্টার ঘোরালে একটি কাঙ্খিত ক্রিয়া ট্রিগার করে। ইভেন্ট ট্রিগারে নির্দিষ্ট ক্রিয়া সম্পাদন করতে এটি জাভাস্ক্রিপ্ট ফাংশনকে আহ্বান করে। এটি “ <button>” বা “<p>”, “<h>” ইত্যাদির মতো অন্য HTML উপাদান দিয়ে প্রয়োগ করা যেতে পারে। এই পোস্টটি জাভাস্ক্রিপ্টে “অনমাউসওভার” ইভেন্টের ব্যবহার এবং কার্যকারিতা ব্যাখ্যা করেছে।</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/an-yan-ya/" class="tag-cloud-link">অন্যান্য</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">বিভাগ</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">রাস্পবেরি পাই</a> </li><li> <a href="/ethernet/">ইথারনেট</a> </li><li> <a href="/other/">অন্যান্য</a> </li><li> <a href="/nano/">ন্যানো</a> </li><li> <a href="/zoom/">জুম</a> </li><li> <a href="/cinnamon/">দারুচিনি</a> </li><li> <a href="/reviews/">পর্যালোচনা</a> </li><li> <a href="/zorinos/">জোরিনোস</a> </li><li> <a href="/radio/">রেডিও</a> </li><li> <a href="/minecraft/">মাইনক্রাফ্ট</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">সঙ্কোচন</a> </li><li> <a href="/laravel/">লারাভেল</a> </li><li> <a href="/aircrack/">এয়ারক্র্যাক</a> </li><li> <a href="/office-productivity-software/">অফিস প্রোডাক্টিভিটি সফটওয়্যার</a> </li><li> <a href="/boot/">বুট</a> </li><li> <a href="/system-calls/">সিস্টেম কল</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">নেটওয়ার্কিং</a> </li><li> <a href="/gpu/">জিপিইউ</a> </li><li> <a href="/gimp/">জিম্প</a> </li><li> <a href="/plex/">প্লেক্স</a> </li><li> <a href="/uefi/">উয়েফি</a> </li><li> <a href="/docker/">ডকার</a> </li><li> <a href="/firewall/">ফায়ারওয়াল</a> </li><li> <a href="/wireshark/">ওয়্যারশার্ক</a> </li><li> <a href="/synology/">সিনোলজি</a> </li><li> <a href="/pdf/">পিডিএফ</a> </li><li> <a href="/ethereum/">ইথেরিয়াম</a> </li><li> <a href="/parrot-os/">তোতা ওএস</a> </li><li> <a href="/sublime/">মহৎ</a> </li><li> <a href="/selinux/">সেলিনাক্স</a> </li><li> <a href="/hyper-v/">হাইপার-ভি</a> </li><li> <a href="/phone/">ফোন</a> </li><li> <a href="/kodi/">কোড</a> </li><li> <a href="/gnome/">জিনোম</a> </li><li> <a href="/manjaro/">উপাদেয়তা</a> </li><li> <a href="/mouse/">ইঁদুর</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">মেটাসপ্লয়েট</a> </li><li> <a href="/torrent/">টরেন্ট</a> </li><li> <a href="/tablet/">ট্যাবলেট</a> </li><li> <a href="/pycharm/">পাইচার্ম</a> </li><li> <a href="/curl/">কার্ল</a> </li><li> <a href="/kde/">কোথায়</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">ফন্ট</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">এনভিডিয়া</a> </li><li> <a href="/images/">ছবি</a> </li><li> <a href="/usb/">ইউএসবি</a> </li><li> <a href="/squid/">স্কুইড</a> </li><li> <a href="/mate/">সঙ্গী</a> </li><li> <a href="/vlc-media-player/">ভিএলসি মিডিয়া প্লেয়ার</a> </li><li> <a href="/dns/">ডিএনএস</a> </li><li> <a href="/bitcoin/">বিটকয়েন</a> </li><li> <a href="/keyboard/">কীবোর্ড</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">জোড়া লাগানো</a> </li><li> <a href="/fedora/">ফেডোরা</a> </li><li> <a href="/owncloud/">নিজস্ব ক্লাউড</a> </li><li> <a href="/scanner/">স্ক্যানার</a> </li><li> <a href="/atom/">পরমাণু</a> </li><li> <a href="/red-hat/">লাল টুপি</a> </li><li> <a href="/teamviewer/">টিম ভিউয়ার</a> </li><li> <a href="/skype/">স্কাইপ</a> </li><li> <a href="/vpn/">ভিপিএন</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">জুপিটার নোটবুক</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">ব্লগ</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">মিডিয়া প্লেয়ার</a> </li><li> <a href="/posix/">পজিক্স</a> </li><li> <a href="/steam/">বাষ্প</a> </li><li> <a href="/jenkins/">জেনকিন্স</a> </li><li> <a href="/power/">ক্ষমতা</a> </li><li> <a href="/oracle-linux/">ওরাকল লিনাক্স</a> </li><li> <a href="/netstat/">নেটস্ট্যাট</a> </li><li> <a href="/kvm/">বর্গমিটার</a> </li><li> <a href="/bluetooth/">ব্লুটুথ</a> </li><li> <a href="/ssd/">এসএসডি</a> </li><li> <a href="/grep/">খপ্পর</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">ওডিসি</a> </li><li> <a href="/audio/">শ্রুতি</a> </li><li> <a href="/cpu/">সিপিইউ</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">অটোডেস্ক</a> </li><li> <a href="/lubuntu/">লুবুন্টু</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">উইন্ডোজ</a> </li><li> <a href="/microsoft-edge/">মাইক্রোসফ্ট এজ (উত্তরাধিকার)</a> </li><li> <a href="/internet-explorer/">ইন্টারনেট এক্সপ্লোরার</a> </li><li> <a href="/office/">দপ্তর</a> </li><li> <a href="/an-yan-ya/">অন্যান্য</a> </li><li> <a href="/ska-ipa/">স্কাইপ</a> </li><li> <a href="/di-ena-esa/">ডিএনএস</a> </li><li> <a href="/raspaberi-pa-i/">রাস্পবেরি পাই</a> </li><li> <a href="/oyebakyama/">ওয়েবক্যাম</a> </li><li> <a href="/midiya-pleyara/">মিডিয়া প্লেয়ার</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hyapraksi/">হ্যাপ্রক্সি</a> </li><li> <a href="/jinoma/">জিনোম</a> </li><li> <a href="/buta/">বুট</a> </li><li> <a href="/mahat/">মহৎ</a> </li><li> <a href="/ubuntu-24-04-cat/">উবুন্টু 24.04</a> </li><li> <a href="/parabarti-megha/">পরবর্তী মেঘ</a> </li><li> <a href="/punya/">পুণ্য</a> </li><li> <a href="/enabhidiya/">এনভিডিয়া</a> </li><li> <a href="/i-u-esabi-pasathru/">ইউএসবি-পাসথ্রু</a> </li><li> <a href="/phedora/">ফেডোরা</a> </li><li> <a href="/nirapada-buta/">#নিরাপদ বুট</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">জনপ্রিয় পোস্ট</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/85/how-to-set-the-kubernetes-tolerations-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kubaranetasa-sahanasilata-kibhabe-seta-karabena">কুবারনেটস সহনশীলতা কীভাবে সেট করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A5/how-to-install-flasharch-8211-adobe-flash-swf-player-on-linux-mint-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-flasharch-inastala-karabena-linaksa-minte-a-yadoba-phlyasa-esadablu-epha-pleyara">কিভাবে FlashArch ইনস্টল করবেন - লিনাক্স মিন্টে অ্যাডোব ফ্ল্যাশ এসডাব্লুএফ প্লেয়ার</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DB/how-to-install-onedrive-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linaksa-minta-21-e-kibhabe-oyanadra-ibha-inastala-karabena">লিনাক্স মিন্ট 21 এ কীভাবে ওয়ানড্রাইভ ইনস্টল করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E8/how-do-you-add-css-with-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-apani-jabhaskripta-diye-css-yoga-karabena">কিভাবে আপনি জাভাস্ক্রিপ্ট দিয়ে CSS যোগ করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/82/how-to-use-the-mysql-having-clause-where-the-sum-is-greater-than-the-threshold-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-mysql-era-klaja-byabahara-karabena-yekhane-yogaphala-thresaholdera-ceye-besi">কিভাবে MySQL-এর ক্লজ ব্যবহার করবেন যেখানে যোগফল থ্রেশহোল্ডের চেয়ে বেশি</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/47/adding-page-numbers-in-ms-word-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ema-esa-oyarde-prstha-nambara-yoga-kara">এমএস ওয়ার্ডে পৃষ্ঠা নম্বর যোগ করা</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/14/how-to-install-angular-on-ubuntu-24-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ubuntu-24-04-e-a-yangulara-kibhabe-inastala-karabena">উবুন্টু 24.04 এ অ্যাঙ্গুলার কীভাবে ইনস্টল করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C3/how-do-i-enable-or-disable-smooth-scrolling-in-google-chrome-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-ami-gugala-krome-masrna-skrolim-saksama-ba-aksama-karaba">কিভাবে আমি গুগল ক্রোমে মসৃণ স্ক্রোলিং সক্ষম বা অক্ষম করব</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/78/what-is-db-collection-updateone-in-mongodb-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mongodb-te-db-collection-updateone-ki">MongoDB-তে db.collection.updateOne() কী?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1E/pascal-s-triangle-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-e-pyasakelera-tribhuja">C++ এ প্যাসকেলের ত্রিভুজ</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/AE/what-s-the-right-way-to-decode-a-string-that-has-special-html-entities-in-it-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bisesa-html-satta-ache-emana-ekati-strim-dikoda-karara-sathika-upaya-ki">বিশেষ HTML সত্তা আছে এমন একটি স্ট্রিং ডিকোড করার সঠিক উপায় কী?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5A/is-there-a-function-to-copy-an-array-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-e-ekati-a-yare-anulipi-karara-ekati-phansana-ache-ki">C++ এ একটি অ্যারে অনুলিপি করার একটি ফাংশন আছে কি?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4A/elasticsearch-get-index-template-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ilastika-sarca-inadeksa-temapleta-pana">ইলাস্টিক সার্চ ইনডেক্স টেমপ্লেট পান</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/7F/how-to-install-mongodb-on-ubuntu-24-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ubuntu-24-04-e-mangodibi-kibhabe-inastala-karabena">উবুন্টু 24.04 এ মঙ্গোডিবি কীভাবে ইনস্টল করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/CB/how-to-find-desktop-screen-resolution-from-command-line-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspaberi-pa-ite-kamanda-la-ina-theke-deskatapa-skrina-rejoli-usana-kibhabe-sandhana-karabena">রাস্পবেরি পাইতে কমান্ড লাইন থেকে ডেস্কটপ স্ক্রীন রেজোলিউশন কীভাবে সন্ধান করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DE/kubectl-cluster-info-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kubectl-klastara-inapho-kamanda">Kubectl ক্লাস্টার-ইনফো কমান্ড</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B2/autossh-command-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linakse-ato-esa-esa-e-ica-kamanda">লিনাক্সে অটোএসএসএইচ কমান্ড</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/CD/how-to-create-a-line-plot-with-error-bars-in-matlab-using-errorbar-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/truti-bara-byabahara-kare-matlab-e-truti-bara-saha-ekati-la-ina-plata-kibhabe-tairi-karabena">ত্রুটি বার() ব্যবহার করে MATLAB-এ ত্রুটি বার সহ একটি লাইন প্লট কীভাবে তৈরি করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6C/how-to-create-different-variations-of-ai-images-using-midjourney-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/midajarni-byabahara-kare-kibhabe-e-a-i-citragulira-bibhinna-baicitra-tairi-karabena">মিডজার্নি ব্যবহার করে কীভাবে এআই চিত্রগুলির বিভিন্ন বৈচিত্র তৈরি করবেন?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/37/how-to-build-a-basic-calculator-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-c-e-ekati-besika-kyalakuletara-tairi-karabena">কিভাবে C++ এ একটি বেসিক ক্যালকুলেটর তৈরি করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>