যখন আপনি ব্যবহারকারীর ইনপুট পেতে একটি পাঠ্য বাক্স পপ-আপ করতে চান তখন প্রম্পট ডায়ালগ বক্সটি খুব কার্যকর। সুতরাং, এটি আপনাকে ব্যবহারকারীর সাথে যোগাযোগ করতে সক্ষম করে। ব্যবহারকারীকে ক্ষেত্রটি পূরণ করতে হবে এবং তারপরে ওকে ক্লিক করতে হবে। এই ডায়ালগ বক্সটি প্রম্পট()
নামে একটি পদ্ধতি ব্যবহার করে প্রদর্শিত হয়জাভাস্ক্রিপ্ট -
-এ প্রম্পট দেখানোর জন্য কোডটি নিচে দেওয়া হলউদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 18px;
font-weight: 500;
color: blueviolet;
}
</style>
</head>
<body>
<h1>JavaScript Prompt() method</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to get the prompt dialogue box</h3>
<script>
let resultEle = document.querySelector(".result");
document.querySelector(".Btn").addEventListener("click", () => {
let res = prompt("Are you sure");
if (res === null) {
resultEle.innerHTML = "You pressed cancel";
} else {
resultEle.innerHTML = "You entered " + res + " in the prompt box";
}
});
</script>
</body>
</html> আউটপুট
'এখানে ক্লিক করুন' বোতামে ক্লিক করলে এবং প্রমট বক্সে কিছু টাইপ করলে -
প্রম্পট বক্স -
-এ OK ক্লিক করলে
