How to show output in JavaScript
JavaScript শেখার আগে আমাদেরকে বেসিক HTML শিখে আসতে হবে। কারণ, আমরা code ব্রাউজারে রান করবো। এজন্য HTML জানা জরুরী।
তাহলে চলুন শুরু করি।
মূলত ৩ টি ফাংশন ব্যবহার করে জাভাস্ক্রিপ্ট এর আউটপুট দেখতে পারি।
1. alert ();
2. document.write();
3. console.log();
কোড লিখে দেখলে আমরা আরো ভালো ভাবে বুঝতে পারবো। কোড লিখতে হলে আমাদের কম্পিউটারে অবশ্যই কোড এডিটর ইনিস্টল থাকতে হবে। কোড লেখার জন্য অনেক ধরণের কোড এডিটর রয়েছে। আমি Visual Studio Code ব্যবহার করবো,চাইলে আপনারাও এটি ব্যবহার করতে পারেন। JavaScript এর কোড মূলত HTML কোডের body ট্যাগের মধ্যে script ট্যাগ নিয়ে তার মধ্যে লিখতে হয়। অন্য উপায়েও লেখা যায় তবে আমরা প্রথম পর্যায়ে আপাতত এভাবেই শিখবো -
1. alert (); এর ব্যবহার :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript</title>
</head>
<body>
<script>
alert("Hello World ");
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript</title>
</head>
<body>
<script>
alert("Hello World ");
</script>
</body>
</html>
2. document.write(); এর ব্যবহার :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript</title>
</head>
<body>
<script>
document.write("Hello World ");
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript</title>
</head>
<body>
<script>
document.write("Hello World ");
</script>
</body>
</html>
3. console.log(); এর ব্যবহার :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript</title>
</head>
<body>
<script>
console.log("Hello World ");
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript</title>
</head>
<body>
<script>
console.log("Hello World ");
</script>
</body>
</html>