জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল (পর্ব-৫)

জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল এর পঞ্চম পর্বে আপনাকে স্বাগতম। এই পর্বে আমরা জাভাস্ক্রিপ্ট এর কিছু গুরুত্বপূর্ণ অবজেক্ট নিয়ে আলোচনা করব।

স্ট্রিং এর দৈর্ঘ্য খুজতে length প্রপার্টিকে ব্যবহার করা হয়।

<script type="text/javascript">
var txt = "Hello World!";
document.write(txt.length);
</script>

স্ট্রিংকে স্টাইল করার জন্য নিচের কোড ব্যবহার করা যায়:

<script type="text/javascript">
var txt = "Hello World!";
document.write("<p>
Big: " + txt.big() + "</p>
");
document.write("<p>
Small: " + txt.small() + "</p>
");
document.write("<p>
Bold: " + txt.bold() + "</p>
");
document.write("<p>
Italic: " + txt.italics() + "</p>
");
document.write("<p>
Fixed: " + txt.fixed() + "</p>
");
document.write("<p>
Strike: " + txt.strike() + "</p>
");
document.write("<p>
Fontcolor: " + txt.fontcolor("green") + "</p>
");
document.write("<p>
Fontsize: " + txt.fontsize(6) + "</p>
");
document.write("<p>
Subscript: " + txt.sub() + "</p>
");
document.write("<p>
Superscript: " + txt.sup() + "</p>
");
document.write("<p>
Link: " + txt.link("http://www.google.com") + "</p>
");
document.write("<p>
Blink: " + txt.blink() + " (does not work in IE, Chrome, or Safari)</p>
");
</script>

একটি স্ট্রিং এ নির্দিষ্ট একটি স্ট্রিং ভ্যালুর প্রথম অকারেন্সটির পজিশন রিটার্ন করতে indexOf() মেথড ব্যবহার করা যায়।

<script type="text/javascript">
var str="Hello world!";
document.write(str.indexOf("Hello") + "<br />");
document.write(str.indexOf("WORLD") + "<br />");
document.write(str.indexOf("world"));
</script>

একটি স্ট্রিং এ নির্দিষ্ট একটি স্ট্রিং ভ্যালু খুজতে হয় ও তা পেলে রিটার্ন করতে match() মেথড ব্যবহার করা যায়।

<script type="text/javascript">
var str="Hello world!";
document.write(str.match("world") + "<br />");
document.write(str.match("World") + "<br />");
document.write(str.match("worlld") + "<br />");
document.write(str.match("world!"));
</script>

একটি স্ট্রিং এর মাঝে কিছু ক্যারেক্টারকে ভিন্ন কিছু ক্যারেক্টার এর মাধ্যমে রিপ্লেস করতে replace() মেথড ব্যবহার করা যায়।

<script type="text/javascript">
var str="Visit Microsoft!";
document.write(str.replace("Microsoft","Free Bangla Tutorial"));
</script>

getTime() ব্যবহার করে কিভাবে বছর গণনার জন্য:

<script type="text/javascript">
var d=new Date();
document.write(d.getTime() + " milliseconds since 1970/01/01");
</script>

নির্দিষ্ট একটি দিন সেট করার জন্য setFullYear() মেথড ব্যবহার করা যায়।

<script type="text/javascript">
var d = new Date();
d.setFullYear(1992,10,3);
document.write(d);
</script>

আজকের তারিখকে (UTC অনুযায়ী) একটি স্ট্রিং এ রুপান্তরিত করতে toUTCString() মেথড ব্যবহার করা যায়।

<script type="text/javascript">
var d=new Date();
document.write("Original form: ");
document.write(d + "<br />");
document.write("To string (universal time): ");
document.write(d.toUTCString());
</script>

একটি array ব্যবহার করে getDay() মেথড এর মাধ্যমে আজকের তারিখটি দেখানো যায়।

<script type="text/javascript">
var d=new Date();
var weekday=new Array(7);
weekday[0]="Sunday";
weekday[1]="Monday";
weekday[2]="Tuesday";
weekday[3]="Wednesday";
weekday[4]="Thursday";
weekday[5]="Friday";
weekday[6]="Saturday";
document.write("Today is " + weekday[d.getDay()]);
</script>

পরিপূর্ণ একটি ঘড়ির কোড:

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}
 function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt">
</div>
</body>
</html>

<html>

<head>

</head>

</body>

</html>

বাসায় এই কোড গুলো ভালোভাবে চর্চা করুন। ধন্যবাদ।

জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল (পর্ব-৫)

Share to:

একটি মন্তব্য পোস্ট করুন Blogger Facebook

জনপ্রিয়

মন্তব্য

আর্কাইভ

জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল (পর্ব-৫)

Share to:

Next

নবীনতর পোস্ট

Previous

পুরাতন পোস্ট

একটি মন্তব্য পোস্ট করুন Blogger Facebook