Calculate Email Click Rate

function calculateEmailClickRate() { var emailsSent = parseFloat(document.getElementById("emailsSent").value); var uniqueClicks = parseFloat(document.getElementById("uniqueClicks").value); var resultOutput = document.getElementById("clickRateOutput"); if (isNaN(emailsSent) || isNaN(uniqueClicks) || emailsSent emailsSent) { resultOutput.textContent = "Unique clicks cannot be more than emails sent."; return; } var clickRate = (uniqueClicks / emailsSent) * 100; resultOutput.textContent = clickRate.toFixed(2) + "%"; } .email-click-rate-calculator { font-family: sans-serif; max-width: 600px; margin: 20px auto; padding: 20px; border: 1px solid #ccc; border-radius: 8px; background-color: #f9f9f9; } .email-click-rate-calculator h2, .email-click-rate-calculator h3 { color: #333; margin-bottom: 15px; } .calculator-inputs { display: grid; grid-template-columns: 1fr; gap: 15px; margin-bottom: 25px; } .input-group { display: flex; flex-direction: column; } .input-group label { margin-bottom: 5px; font-weight: bold; color: #555; } .input-group input[type="number"] { padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; } .calculator-inputs button { padding: 12px 20px; background-color: #007bff; color: white; border: none; border-radius: 4px; font-size: 1.1rem; cursor: pointer; transition: background-color 0.3s ease; } .calculator-inputs button:hover { background-color: #0056b3; } .calculator-results { background-color: #e9ecef; padding: 15px; border-radius: 4px; text-align: center; margin-bottom: 25px; } .calculator-results h3 { margin-top: 0; margin-bottom: 10px; color: #007bff; } #clickRateOutput { font-size: 1.8rem; font-weight: bold; color: #28a745; } .calculator-explanation { margin-top: 30px; border-top: 1px solid #eee; padding-top: 20px; } .calculator-explanation p, .calculator-explanation ul { line-height: 1.6; color: #444; } .calculator-explanation ul { padding-left: 20px; } .calculator-explanation li { margin-bottom: 8px; }

Leave a Comment