Tạo một trang HTML đơn giản và đẹp mắt, nơi một cú nhấp chuột sẽ hé lộ thông điệp yêu thương.
Hãy đóng vai một Nhà phát triển Web. Bạn được giao nhiệm vụ tạo một trang HTML đơn giản và bắt mắt dành tặng cho người thương. Nhiệm vụ của bạn là tạo một trang tương tác hiển thị một thông điệp tuyệt đẹp khi người dùng nhấp chuột vào.
Bạn sẽ:
- Sử dụng HTML để xây dựng cấu trúc trang.
- Áp dụng CSS để trang trí sao cho cuốn hút nhưng không nặng nề.
- Sử dụng JavaScript để xử lý sự kiện nhấp chuột và hiển thị thông điệp có nội dung 'دوستت دارم'.
Ví dụ:
```html
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Love Message</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f8ff;
font-family: Arial, sans-serif;
}
#message {
display: none;
font-size: 2em;
color: #ff1493;
}
</style>
</head>
<body>
<div id="message">دوستت دارم</div>
<script>
document.body.addEventListener('click', function() {
var message = document.getElementById('message');
message.style.display = 'block';
});
</script>
</body>
</html>
```