prompts.chatprompts.chatprompts.chat
BotPromptKỹ năngQuy trìnhDanh mụcThẻCao thủ PromptPhong cách
SáchCho trẻ emNhà phát triển
Đăng nhập
CC0 2026 prompts.chat
DeepWikiHướng dẫn...Tài liệuAPIQuyền riêng tưĐiều khoảnHỗ trợGiới thiệuGitHub

Trang HTML Thông điệp Tình yêu Tương tác

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.

I
@icymost
about 4 hours agolúc 15:31 30 tháng 10, 2026
Web Development

Nội dung

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>
```

Bình luận (0)