<div style="text-align: center; font-family: Arial, sans-serif; max-width: 400px; margin: 0 auto; padding: 20px; border: 2px dashed #ff6b9e; border-radius: 10px; background-color: #fff9fa;">
<h2 style="color: #ff2e6a;">💖 প্রেম ক্যালকুলেটর 💖</h2>
<p style="color: #666;">আপনার এবং আপনার প্রিয়জনের নাম লিখুন, প্রেমের শতকরা হার দেখুন!</p>
<input type="text" id="name1" placeholder="আপনার নাম" style="padding: 8px; width: 80%; margin: 5px; border: 1px solid #ff9eb7; border-radius: 5px;">
<input type="text" id="name2" placeholder="প্রিয়জনের নাম" style="padding: 8px; width: 80%; margin: 5px; border: 1px solid #ff9eb7; border-radius: 5px;">
<button onclick="calculateLove()" style="background-color: #ff2e6a; color: white; border: none; padding: 10px 20px; margin: 10px; border-radius: 5px; cursor: pointer;">ফলাফল দেখুন</button>
<div id="result" style="font-size: 24px; font-weight: bold; color: #ff2e6a; margin-top: 15px;"></div>
<div id="message" style="font-style: italic; color: #ff6b9e;"></div>
</div>
<script>
function calculateLove() {
var name1 = document.getElementById("name1").value.trim();
var name2 = document.getElementById("name2").value.trim();
if (name1 === "" || name2 === "") {
alert("দয়া করে দুটি নামই লিখুন!");
return;
}
// র্যান্ডম প্রেমের শতকরা হার (মজার জন্য!)
var lovePercent = Math.floor(Math.random() * 101);
document.getElementById("result").innerHTML = "❤️ " + lovePercent + "% ❤️";
// শতকরা হার অনুযায়ী মেসেজ
var message = "";
if (lovePercent < 30) {
message = "বেশি ভালো ম্যাচ না... তবে বন্ধুত্ব হতে পারে!";
} else if (lovePercent < 60) {
message = "কিছুটা রসায়ন আছে! হয়তো চেষ্টা করতে পারেন?";
} else if (lovePercent < 80) {
message = "দারুণ ম্যাচ! আপনারা দুজন ভালো জুটি হতে পারেন!";
} else {
message = "অসাধারণ ম্যাচ! সোলমেটস অ্যালার্ট! 💘";
}
document.getElementById("message").innerHTML = message;
}
</script>
Post a Comment