Temp Mail Script 💎
.copy-btn:hover, .refresh-btn:hover { background: #5a67d8; transform: translateY(-1px); }
<div class="main-content"> <!-- Inbox List --> <div class="inbox-sidebar"> <div class="inbox-header"> <span>📥 Inbox</span> <span id="messageCount">0 messages</span> </div> <div class="message-list" id="messageList"> <div class="no-messages">No emails yet. Send a test email!</div> </div> </div>
You can save this code as an .html file and open it in your browser. temp mail script
.detail-header { padding: 20px; border-bottom: 1px solid #e2e8f0; background: #fefcf5; }
<!-- Email Detail View --> <div class="email-detail" id="emailDetail"> <div class="empty-detail"> ✨ Select an email to read its content </div> </div> </div> .refresh-btn:hover { background: #5a67d8
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>TempMail - Disposable Temporary Email Service</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; }
/* Email Address Bar */ .email-bar { background: #f7fafc; padding: 20px 30px; border-bottom: 1px solid #e2e8f0; display: flex; flex-wrap: wrap; gap: 15px; align-items: center; justify-content: space-between; } !-- Inbox List -->
/* Header */ .header { background: #2d3748; color: white; padding: 25px 30px; text-align: center; }
// Copy email to clipboard function copyEmailToClipboard() { if (!currentEmail) return; navigator.clipboard.writeText(currentEmail).then(() => { const copyBtn = document.getElementById('copyBtn'); const originalText = copyBtn.innerText; copyBtn.innerText = '✅ Copied!'; setTimeout(() => { copyBtn.innerText = originalText; }, 1500); }).catch(() => { alert('Could not copy, select manually'); }); }
// Initialize and request notification permission function init() { if (Notification.permission !== "granted" && Notification.permission !== "denied") { Notification.requestPermission(); } setNewEmail(); // Event listeners document.getElementById('copyBtn').addEventListener('click', copyEmailToClipboard); document.getElementById('newEmailBtn').addEventListener('click', () => setNewEmail()); document.getElementById('refreshInboxBtn').addEventListener('click', manualRefresh); }
#emailAddress { flex: 1; font-family: monospace; font-size: 1rem; color: #2d3748; word-break: break-all; }