script.js

function calculateLove() {
    const name1 = document.getElementById('name1').value.trim();
    const name2 = document.getElementById('name2').value.trim();

    if (name1 === '' || name2 === '') {
        alert("Please enter both names!");
        return;
    }

    const lovePercentage = Math.floor(Math.random() * 101);
    const result = document.getElementById('result');
    result.style.display = "block";
    result.style.animation = "love-animation 1s ease-in-out";
    result.innerHTML = `${name1} & ${name2}'s love percentage : ${lovePercentage}%`;

    if (lovePercentage < 30) {
        result.innerHTML += "<br> Not a great match! Keep looking : ("
    }
    else if (lovePercentage < 70) {
        result.innerHTML += "<br> Still, there's potential! Give it a try!"
    }
    else {
        result.innerHTML += "<br> Great match! Love is in the air : )"
    }

    result.classList.remove("show");
    void result.offsetWidth;
    result.classList.add("show");

    document.querySelectorAll("input").forEach(input => {
        input.value = "";
    });

    document.querySelectorAll("input").forEach(input => {
        input.addEventListener("input", () => {
            document.getElementById("result").style.display = "none";
        });
    });
}