любллю

[kittikoy]

<title>Для тебя 💋</title> <style> body { text-align: center; font-family: Arial, sans-serif; background-color: #ffe6f0; }

    img {
        width: 250px;
        border-radius: 15px;
        margin-top: 30px;
    }

    h1 {
        margin-top: 20px;
    }

    .buttons {
        margin-top: 20px;
    }

    button {
        font-size: 20px;
        padding: 10px 20px;
        margin: 10px;
        cursor: pointer;
    }
</style>

<!-- ТВОЯ ФОТКА -->
<img src="photo.jpg" alt="мы">

<!-- ВОПРОС -->
<h1>Любишь меня?</h1>

<!-- КНОПКИ (НЕ ТРОГАЕМ) -->
<div class="buttons">
    <button onclick="window.location.href='yes.html'">Да</button>
    <button id="noBtn">Нет</button>
</div>

<script>
    const noBtn = document.getElementById("noBtn");

    noBtn.addEventListener("mouseover", () => {
        noBtn.style.position = "absolute";
        noBtn.style.left = Math.random() * window.innerWidth + "px";
        noBtn.style.top = Math.random() * window.innerHeight + "px";
    });
</script>