জাভাস্ক্রিপ্টে পপ আপ বক্স :জাভাস্ক্রিপ্ট টিউটরিয়াল -৩

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

জাভাস্ক্রিপ্ট এক দুই তিন

জাভাস্ক্রিপ্ট ভ্যারিয়্যাবল ও সাধারন গানিত

এলার্ট বক্স


জাভাস্ক্রিপ্টে
alert(“I am an alert box!”);
এতটুকু লিখলেই একটি এলার্ট বক্স আসবে।

একটি বাটনে ক্লিক করলেই এলার্ট ব্ক্সটি আসতে পারে।

<head>
<script type=”text/javascript”>
function show_alert()
{
alert(“I am an alert box!”);
}
</script>
</head>
<body>

<input type=”button” onclick=”show_alert()” value=”Show alert box” />

কনফার্ম বক্স

কনফার্ম বক্স
এটির মাধ্যমে ভিজিটর থেকে সিদ্ধান্ত নেয়া হয়। confirm(“Press a button!”); ফাংশনটি true অথবা false মান রিটার্ন করে। ok বাটনে ক্লিক করলে true আর cancel বাটনে ক্লিক করলে false রিটার্ন করে।
নিচের উদাহরণটি দেখুন:

<html>
<head>
<script type=”text/javascript”>
function show_confirm()
{
var r=confirm(“Press a button!”);
if (r==true)
{
document.write(“You have pressed OK”);
}
else
{
document.write(“You Have pressed Cancel”);
}
}
</script>
</head>
<body>

<input type=”button” onclick=”show_confirm()” value=”Show a confirm box” />

</body>
</html>

ইনপুট বক্স


প্রমোট বক্সের মাধ্যমে ইউজারের কাছ থেকে ইনপুট নেয়া করা হয়। এটি একটি ভ্যারিয়্যাবলের মান হিসেবে ডিক্লার করতে হয়। ইনপুট বক্সের মানটি সেই ভ্যারিয়্যাবলে জমা থাকে।
প্রকাশের পদ্ধতি:
prompt(“টেক্সট যা ইনপুট বক্সের উপরে লেখা থাকে”,”ইনপুট বক্সের ডিফল্ট মান”);

var name=prompt(“নিচের টেক্সট বক্সে আপনার নাম লিখুন”,”নাম”);
if (name!=null && name!=””)
{
document.write(“স্বাগতম ” + name + “! আপনি কেমন আছেন?”);
}

1 thought on “জাভাস্ক্রিপ্টে পপ আপ বক্স :জাভাস্ক্রিপ্ট টিউটরিয়াল -৩”

  1. সুলতানা

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

Leave a Comment