আসসালামুআলাইকুম
আসা করি আপনারা সকলেই আল্লাহর রহমতে ভালো আছেন। আমিও ভালো আছি। আর ভালো না থাকলে তো ভালো লাগার ওয়েবসাইট TrickBD আছেই। যেখানে আমরা নিত্য নতুন টিপস এবং Trick পেয়ে থাকি।
তো, আজকে আমি আপনাদের সাথে যে বিষয় নিয়ে আলোচনা করতে যাচ্ছি তা আপনারা ইতি মধ্যে জেনে গেছেন উপরিউক্ত টাইটেল দেখেই। হ্যাঁ , আজকে আমি আপনাদের জন্য BMI ক্যালকুলেটর এর প্রজেক্ট নিয়ে হাজির হলাম। BMI বা Body Mass Index প্রজেক্ট টি বিগিনার লেভেল প্রোগ্রামার দের কাজে দিবে। ছো্ট একটি প্রজেক্ট। তো যাই হোক এত কথা না বলে সরাসরি আজকের টপিকে চলে যাই।
BMI ক্যালকুলেটর
BMI (Body Mass Index) দিয়ে আপনার শরীরের ফিটনেস সম্পর্কে জানতে পারবেন। এই BMI প্রজেক্ট টি HTML এবং Javascript এর সমন্বয়ে তৈরি করা হয়েছে। To প্রথমে আমরা HTML এর মাধ্যমে BMI ক্যালকুলেটর এর গঠন প্রণালি তৈরি করবো।
<h2> BMI Calculator </h2>
এখন আমরা ইনপুট বক্কস তৈরি করবো।
Weight অর্থাৎ ওজন ইনপুট নেওয়ার জন্য।
<input type="text" id="kg" value="50">
এখন , Heght অর্থাৎ উচ্চতা ইনপুট বক্কস তৈরি করবো। Height টি মিটার এ দিতে হবে।
<input type="text" id="height" value="1.8">
এখন আমরা একটা বাটন তৈরি করবো।
<button onclick="func()"> Show BMI </button>
func() function দারা বাটন টি তৈরি করা হয়েছে। এই বাটন এ ক্লিক করলে Javascript এর কোড ইক্সকিউট হয়ে রেজাল্ট দিবে। রেজাল্ট আউটপুট দেখার জন্যে আমরা এখন একটা p tag তৈরি করবো।
<p id="result"> </p>
এই পর্যন্তই ছিলো HTML এর কাজ এখন আমরা Javascript এর কাজ করবো।
প্রথমে Javascript এর Function টা তৈরি করে নেই।
function func() {
}
ঐ বাটন এ ক্লিক করলে এই Function এ থাকা কোড গুলো excute হবে। এখন আমরা এই Function এর ভিতরে কোড লিখব।
প্রথমে kg id এর ইনপুট value গুলো নিব ভেরিয়েবল kg তৈরি করে
var kg = document.getElementById("kg").value;
kg এর value গুলো নেওয়া হয়েছে। এখন, আমরা Height অর্থাৎ উচ্চতা এর value গুলো নিব।
var metre = document.getElementById("height").value;
এখন আমরা kg এর সাথে metre2 দারা ভাগ করবো তাহলে আমরা BMI বের করতে পারবো।
var result = kg / (metre * metre);
BMI result বের হবে result ভেরিয়েবল এ।
এখন এই result টা আমরা result id তে Output হিসেবে পাঠাবো। অর্থাৎ বাটন এ ক্লিক করলেই result result id তে show করবে।
document.getElementById("result").innerHTML = "BMI :-" + result;
ব্যাস্, এই পর্যন্তই। এখন নিচ থেকে পুরো Source কোড টি ডাউনলোড করে নেন
View Full Source Code
<!DOCTYPE html>
<html>
<body>
<h2> BMI Calculator </h2>
<p> BMI (Body Mass Index) </p>
<div>
<p> Enter Your Weight (KG) </p>
<input type="number" id="kg" value="50">
<p> Enter Your Height (Metre) </p>
<input type="number" id="height" value="1.8">
</div>
<button onclick="func()"> Show BMI </button>
<p id="result"> </p>
<script>
function func() {
var kg = document.getElementById("kg").value;
var metre = document.getElementById("height").value;
var result = kg / (metre * metre);
document.getElementById("result").innerHTML = "BMI :- " + result;
}
</script>
</body>
</html>
Thanks For Read This Post
The post Javascript এর মাধ্যমে নিজেই তৈরি করুন BMI ক্যালকুলেটর appeared first on Trickbd.com.
from Trickbd.com https://ift.tt/6zRKTUH
via IFTTT
No comments:
Post a Comment