Repository navigation
любллю #8
Description
<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>
Activity