Instagram Bio Generator
π Craft an attention-grabbing Instagram Bio in seconds! π
Your Generated Bio:‘;
echo ‘
‘ . htmlspecialchars($_GET[‘bio’]) . ‘
‘;
echo ‘
‘;
}
?>
document.getElementById(‘bio-generator-form’).addEventListener(‘submit’, async function (e) {
e.preventDefault();
const formData = new FormData(this);
// Show loading state
document.getElementById(‘generated-bio’).style.display = ‘block’;
document.getElementById(‘bio-text’).innerText = ‘Generating your bio…’;
// Send data to PHP script
const response = await fetch(‘generate-bio.php’, {
method: ‘POST’,
body: formData
});
const data = await response.text();
document.getElementById(‘bio-text’).innerText = data;
});
// script.js
document.getElementById(‘bio-generator-form’).addEventListener(‘submit’, async function (e) {
e.preventDefault();
// Get form values
const accountType = document.getElementById(‘account-type’).value;
const description = document.getElementById(‘description’).value;
const tone = document.getElementById(‘tone’).value;
// Show loading state
document.getElementById(‘generated-bio’).style.display = ‘none’;
document.getElementById(‘bio-text’).innerText = ‘Generating your bio…’;
// Call OpenAI API
try {
const generatedBio = await generateBioWithAI(accountType, description, tone);
document.getElementById(‘bio-text’).innerText = generatedBio;
document.getElementById(‘generated-bio’).style.display = ‘block’;
} catch (error) {
document.getElementById(‘bio-text’).innerText = ‘Sorry, something went wrong. Please try again.’;
document.getElementById(‘generated-bio’).style.display = ‘block’;
}
});
async function generateBioWithAI(accountType, description, tone) {
const apiKey = ‘your-openai-api-key’; // Replace with your OpenAI API key
const prompt = `Generate a ${tone} Instagram bio for a ${accountType} account. Description: ${description}`;
const response = await fetch(‘https://api.openai.com/v1/chat/completions’, {
method: ‘POST’,
headers: {
‘Content-Type’: ‘application/json’,
‘Authorization’: `Bearer ${apiKey}`
},
body: JSON.stringify({
model: ‘gpt-3.5-turbo’,
messages: [{ role: ‘user’, content: prompt }],
max_tokens: 100,
temperature: 0.7
})
});
const data = await response.json();
return data.choices[0].message.content.trim();
}
function copyBio() {
const bioText = document.getElementById(‘bio-text’).innerText;
navigator.clipboard.writeText(bioText).then(() => {
alert(‘Bio copied to clipboard!’);
});
}