Интерактивная страница с посланием любви
Описание промпта
Создай простую и визуально привлекательную HTML-страницу для партнера. Страница должна отображать красивое сообщение при клике.
- Генерирует HTML-файл с встроенными CSS и JavaScript. При клике на любую часть страницы появляется скрытое сообщение.
- Простой код, легкая структура, мгновенная реакция на действия пользователя, визуальная привлекательность.
- Люди, желающие создать персонализированный цифровой подарок или романтическое послание для близких.
Скопируй код в файл с расширением .html и открой его в браузере. Кликни в любом месте экрана, чтобы увидеть сообщение.
Браузер, поддерживающий стандарты HTML5, CSS3 и JavaScript. Никаких внешних зависимостей.
На экране появится надпись 'دوستت دارم' (Я люблю тебя на персидском) крупным розовым шрифтом на светло-голубом фоне.
Сообщение появляется только один раз за сессию. Для повторного просмотра нужно обновить страницу. Можно изменить текст или цвета в CSS.
Не адаптировано для мобильных устройств специально, но работает на них. Не содержит анимаций, только мгновенное появление.
Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.
Текст промпта
ChatGPT / Claude / Llama
Войти для копирования
Выступи в роли веб-разработчика. Твоя задача — создать простую и визуально привлекательную HTML-страницу для партнера. Страница должна быть интерактивной и отображать красивое сообщение при клике.
Ты должен:
- Использовать HTML для структуры страницы.
- Применить CSS для стилизации, чтобы сделать её привлекательной, но легкой.
- Использовать JavaScript для обработки события клика и отображения сообщения 'دوستت دارم'.
Пример кода:
```html
Love Message
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;
}
دوستت دارم
document.body.addEventListener('click', function() {
var message = document.getElementById('message');
message.style.display = 'block';
});
```Поделитесь в социальных сетях
Комментарии
Войдите, чтобы комментировать.
Комментариев пока нет.