JavaScript Clipboard Tool Project (Code with Explanation)
এই প্রজেক্টে একটি ইনপুট বক্স থাকবে যেখান থেকে আপনি লেখা কপি করতে পারবেন, এবং আরেকটি ইনপুটে তা পেস্ট করতে পারবেন।
<input type="text" id="inputText" value="এই লেখা কপি হবে">
<button onclick="copyText()">Copy</button>
|
ব্যাখ্যা:
➤ <input> ট্যাগটি হলো যেখান থেকে টেক্সট কপি হবে।
➤ <button> ক্লিক করলে copyText() ফাংশন চলবে। |
<input type="text" id="outputText" placeholder="Paste here">
<button onclick="pasteText()">Paste</button>
|
ব্যাখ্যা:
➤ এখানে পেস্ট করার জন্য দ্বিতীয় <input> বক্স আছে।
➤ ক্লিক করলে pasteText() ফাংশন চলবে। |
<script>
function copyText() {
const input = document.getElementById("inputText");
navigator.clipboard.writeText(input.value)
.then(() => alert("টেক্সট কপি হয়েছে!"))
.catch(err => alert("সমস্যা হয়েছে: " + err));
}
</script>
|
ব্যাখ্যা:
➤ copyText() ফাংশন inputText ইনপুট থেকে মান নেয়।
➤ navigator.clipboard.writeText() দিয়ে সেই মান Clipboard-এ কপি করা হয়।
➤ সফল হলে alert দেখায়, না হলে error। |
<script>
function pasteText() {
navigator.clipboard.readText()
.then(text => {
document.getElementById("outputText").value = text;
})
.catch(err => alert("Paste সমস্যা হয়েছে: " + err));
}
</script>
|
ব্যাখ্যা:
➤ pasteText() ফাংশন Clipboard থেকে লেখা নেয়।
➤ তারপর সেটি outputText ইনপুটে দেখায়।
➤ কোনো সমস্যা হলে error alert দেয়। |