বিসমিল্লাহির রহমানির রাহিম সবাই ঈদের পর পর আশা করি অনেক আনন্দময় দিন কাটাচ্ছেন সম্ভবত, আর আপনারা ভাল থাকুন এবং সুষ্ট সুন্দর জীবন যাপন করুন এই কামনায় আমি সব সময় করি, কথা না বাড়িয়ে শুরু করছি আজকে টিউন লেখা আজকের টিউনে আপনাদেরকে জাভা স্ত্রিপট দিয়ে কিভাবে কাউন্টার এবং স্টপ ওয়াচ বানাতে হয় সেটি দেখাব আসলে এটির তৈরী করার নিয়ম হল ড্রিমওয়েভার দিয়ে কিন্তু
আমরা .html এ সেভ করে ও বানাতে পারব তার পরেও আমি দুইটি নিয়মই বলছি …চলুন তাহলে শুরু করি…..
প্রথম পদ্ধতি:
যারা ড্রিমওয়েভার দিয়ে বানাতে চান তারা ড্রিমওয়েভার অপেন করে html এ ক্লিক করে নতুন ফাইল অপেন করে আগে একটি নির্দিষ্ট জায়গায় সেভ করে ফেলব তারপর code এ ক্লিক করব তারপর ওখানে <head> এর নিচ হতে </head> এর মাঝখানে নিচের কোডের <head> এর নিচ হতে </head> এর মাঝখানের কোডটি কপি করে পেস্ট করব অতঃপর একিভাবে <body> নিচ হতে </body> এর মাঝখানে নিচের কোডের<body> নিচ হতে </body> এর মাঝখানে কোডটি কপি করে পেস্ট করব অর্থাৎ সহজ কথায় নোডপেড হতে ড্রিমওয়েভারে পেস্ট করব এবার Preview/Debug in browser হতে কাউন্টার এবং স্টপ ওয়াচটি কেমন হয়েছে দেখে নিব…
এটা একাবারে সহজ পদ্ধতি
প্রথমে আপনার পিসিতে নোডপেড অপেন করুন অতঃপর কোডটি পেস্ট করুন এবং এটিকে Counter.html নামে সেভ করুন অতঃপর ঐ সেভ করা ফাইলটি খুলুন দেখুন কাউন্টার তৈরী হয়ে গেছে ।
এবং stopwatch এর ক্ষেত্রে
একি ভাবে নিচের কোডটি আপনার পিসিতে নতুন একটি নোডপেড খুলে কোডটি পেস্ট করুন …..
এটিকে stopwatch.html নামে সেভ করুন অতঃপর ঐ সেভ করা ফাইলটি খুলুন দেখুন স্টপ ওয়াচ তৈরী হয়ে গেছে …এবার মজা নিন মজা ……
Counter Code:-
<html>
<head>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;
function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}
function doTimer()
{
if (!timer_is_on)
{
timer_is_on=1;
timedCount();
}
}
</script>
</head>
<body>
<form>
<input type="button" value="Start count!" onClick="doTimer()">
<input type="text" id="txt">
</form>
<p>Click on the button above. The input field will count forever, starting at 0.</p>
</body>
</html>
Stopwatch Code:-
<html>
<head>
<script language="JavaScript">
var c1=0;
var c2=0;
var c3=0;
var o1=0;
var o2=0;
var o3=0;
ID=window.setTimeout("start();",100);
function start()
{
if (c1==59)
{
c1=00;;
if(c2==59)
{
c2=00;
}
else
c2++;
}
else
c1++;
if(c1==0||c1==1||c1==2||c1==3||c1==4||c1==5||c1==6||c1==7||c1==8||c1==9)
o1="0"+c1;
else
o1=c1;
if(c2==0||c2==1||c2==2||c2==3||c2==4||c2==5||c2==6||c2==7||c2==8||c2==9)
o2="0"+c2;
else
o2=c2;
if(c3==0||c3==1||c3==2||c3==3||c3==4||c3==5||c3==6||c3==7||c3==8||c3==9)
o3="0"+c3;
else
o3=c3;
document.forms[0].elements[0].value=o3+":"+o2+":"+o1;
ID=window.setTimeout("start();",100);
}
</script>
</head>
<body>
<form name="frm1">
<input type="text" name="timer1">
<input type="button" name="but1" value="start" onClick="c1=0; c2=0; c3=0; o1=0; o2=0;
o3=0; start();">
<input type=button name="but2" value="stop" onClick="window.clearTimeout(ID);">
</form>
</body>
</html>
আজ এই পর্যন্ত থাক সবাই ভাল থাকুন সুস্থ থাকুন সুন্দর থাকুন এই কামনায় শেষ করছি ….আল্লাহ হাফেজ…………
![Adobe illustrator টিউটোরিয়াল [পর্ব-০১]](https://dnc.techtunes.io/tDrive/tuner/rejvi_09/137511/imagesjkh.jpg "Adobe illustrator টিউটোরিয়াল [পর্ব-০১]")
Nice post, thanks.