Calculate Open Rate for Email

.email-open-rate-calculator { font-family: sans-serif; border: 1px solid #ccc; padding: 20px; border-radius: 8px; max-width: 500px; margin: 20px auto; background-color: #f9f9f9; } .email-open-rate-calculator h2 { text-align: center; margin-bottom: 20px; color: #333; } .email-open-rate-calculator p { margin-bottom: 25px; line-height: 1.5; color: #555; text-align: justify; } .calculator-inputs { display: grid; grid-template-columns: 1fr; gap: 15px; margin-bottom: 20px; } .form-group { display: flex; flex-direction: column; } .form-group label { margin-bottom: 5px; font-weight: bold; color: #444; } .form-group input[type="number"] { padding: 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 1em; } .calculator-inputs button { padding: 12px 20px; background-color: #007bff; color: white; border: none; border-radius: 4px; font-size: 1em; cursor: pointer; transition: background-color 0.3s ease; } .calculator-inputs button:hover { background-color: #0056b3; } .calculator-results { margin-top: 20px; padding: 15px; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 4px; text-align: center; font-size: 1.1em; color: #333; } .calculator-results strong { color: #007bff; } function calculateOpenRate() { var emailsSent = parseFloat(document.getElementById("emailsSent").value); var uniqueOpens = parseFloat(document.getElementById("uniqueOpens").value); var resultDiv = document.getElementById("result"); if (isNaN(emailsSent) || isNaN(uniqueOpens) || emailsSent < 0 || uniqueOpens emailsSent) { resultDiv.innerHTML = "Unique opens cannot be greater than the number of emails sent."; return; } var openRate = (uniqueOpens / emailsSent) * 100; resultDiv.innerHTML = "Your Email Open Rate is: " + openRate.toFixed(2) + "%"; }

Leave a Comment