Prompt to Turn ChatGPT into a Interactive Love Message HTML Page
Prompt to Turn ChatGPT into a Interactive Love Message HTML Page is a verified PROMPT blueprint on Promptally in Coding & Software Engineering optimized for leading AI models. High-performance Prompt to Turn ChatGPT into a Interactive Love Message HTML Page prompt blueprint. Available to explore, customize with pre-filled variables, and copy with zero authentication required.
Created by @promptallyTechnical Specifications
| Specification | Value |
|---|---|
| Artifact type | PROMPT (Coding & Software Engineering) |
| Compatible engines | Universal / Model Agnostic |
| Input variables | None (pre-filled) |
| Approximate tokens | 308 |
| Source file | prompt-prompt-to-turn-chatgpt-into-a-interactive-love-message-html-page.md |
| Access tier | Free public (MIT) |
Pre-Filled Template
Act as a Web Developer. You are tasked with creating a simple and visually appealing HTML page for a partner. Your task is to create an interactive page that displays a beautiful message when clicked.
You will:
- Use HTML to structure the page.
- Apply CSS for styling to make it attractive but not heavy.
- Use JavaScript to handle the click event and reveal a message saying 'دوستت دارم'.
Example:
```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>
```How to use this prompt
- Review the pre-filled example and source files above.
- Copy the template or download
prompt-prompt-to-turn-chatgpt-into-a-interactive-love-message-html-page.md, then use it in your model, IDE, or workflow tool. - Compare your result with the sample output when one is provided.
Frequently Asked Questions
How do I use Prompt to Turn ChatGPT into a Interactive Love Message HTML Page?
Open the prompt on Promptally, review the pre-filled example, then copy the template or download prompt-prompt-to-turn-chatgpt-into-a-interactive-love-message-html-page.md and paste it into your model, IDE or workflow tool. Prompt to Turn ChatGPT into a Interactive Love Message HTML Page is a static blueprint with no dynamic variables. Copy it and use it as-is.
Is Prompt to Turn ChatGPT into a Interactive Love Message HTML Page free?
Yes. Prompt to Turn ChatGPT into a Interactive Love Message HTML Page is free to view, copy and download on Promptally without creating an account. It is published under the MIT license.
What variables does Prompt to Turn ChatGPT into a Interactive Love Message HTML Page need?
Prompt to Turn ChatGPT into a Interactive Love Message HTML Page is a static blueprint with no dynamic variables. Copy it and use it as-is.