Easi Scoring Calculator

EASI Scoring Calculator (Eczema Area and Severity Index) body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 20px; background-color: #f4f7f6; } .easi-wrapper { max-width: 1000px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } .calculator-box { background-color: #f8f9fa; padding: 30px; border-radius: 8px; border: 1px solid #e9ecef; margin-bottom: 40px; } h1 { text-align: center; color: #2c3e50; margin-bottom: 10px; } .calc-intro { text-align: center; margin-bottom: 30px; color: #666; } .region-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; } .region-card { background: #fff; padding: 20px; border-radius: 6px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); border-top: 4px solid #3498db; } .region-card h3 { margin-top: 0; color: #2c3e50; font-size: 1.1rem; border-bottom: 1px solid #eee; padding-bottom: 10px; } .input-group { margin-bottom: 15px; } label { display: block; margin-bottom: 5px; font-weight: 600; font-size: 0.9rem; color: #555; } select { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; } .severity-inputs { background-color: #fbfbfb; padding: 10px; border-radius: 4px; margin-top: 10px; } .severity-label { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; color: #888; margin-bottom: 8px; display: block; } .btn-calculate { display: block; width: 100%; max-width: 300px; margin: 30px auto 0; padding: 15px; background-color: #3498db; color: white; border: none; border-radius: 6px; font-size: 18px; font-weight: bold; cursor: pointer; transition: background 0.3s; } .btn-calculate:hover { background-color: #2980b9; } #result-container { margin-top: 30px; padding: 20px; background-color: #e8f6f3; border: 1px solid #d1f2eb; border-radius: 6px; text-align: center; display: none; } .result-score { font-size: 3rem; font-weight: 800; color: #16a085; line-height: 1; } .result-text { font-size: 1.2rem; color: #2c3e50; margin-top: 10px; } .severity-badge { display: inline-block; padding: 5px 15px; border-radius: 20px; color: white; font-weight: bold; margin-top: 10px; } .content-section h2 { color: #2c3e50; border-bottom: 2px solid #3498db; padding-bottom: 10px; margin-top: 40px; } .content-section p, .content-section li { font-size: 1.05rem; } .table-responsive { overflow-x: auto; } table { width: 100%; border-collapse: collapse; margin: 20px 0; } th, td { padding: 12px; border: 1px solid #ddd; text-align: left; } th { background-color: #f2f2f2; } /* Region Specific Border Colors */ .region-card:nth-child(1) { border-top-color: #e74c3c; } /* Head */ .region-card:nth-child(2) { border-top-color: #f39c12; } /* Upper */ .region-card:nth-child(3) { border-top-color: #2ecc71; } /* Trunk */ .region-card:nth-child(4) { border-top-color: #9b59b6; } /* Lower */

EASI Scoring Calculator

Calculate the Eczema Area and Severity Index (EASI) to assess the extent and severity of atopic dermatitis.

1. Head & Neck (10%)

0: None 1: 1% – 9% 2: 10% – 29% 3: 30% – 49% 4: 50% – 69% 5: 70% – 89% 6: 90% – 100%
Severity Signs (0-3)
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe

2. Upper Limbs (20%)

0: None 1: 1% – 9% 2: 10% – 29% 3: 30% – 49% 4: 50% – 69% 5: 70% – 89% 6: 90% – 100%
Severity Signs (0-3)
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe

3. Trunk (30%)

0: None 1: 1% – 9% 2: 10% – 29% 3: 30% – 49% 4: 50% – 69% 5: 70% – 89% 6: 90% – 100%
Severity Signs (0-3)
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe

4. Lower Limbs (40%)

0: None 1: 1% – 9% 2: 10% – 29% 3: 30% – 49% 4: 50% – 69% 5: 70% – 89% 6: 90% – 100%
Severity Signs (0-3)
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe
0: None 1: Mild 2: Moderate 3: Severe
Total EASI Score
0.0
Calculating…

What is the EASI Score?

The Eczema Area and Severity Index (EASI) is a standardized tool used by dermatologists to measure the severity and extent of atopic dermatitis (eczema). It is widely considered the gold standard in clinical trials and advanced practice.

Unlike simpler scoring systems, EASI accounts for both the intensity of the disease signs and the surface area affected across four distinct body regions.

How is EASI Calculated?

The calculator evaluates four body regions, each weighted differently based on the approximate percentage of skin surface area they represent in an adult:

  • Head & Neck: Weight 0.1 (10%)
  • Upper Limbs: Weight 0.2 (20%)
  • Trunk: Weight 0.3 (30%)
  • Lower Limbs: Weight 0.4 (40%)

The 4 Signs of Severity

For each region, four clinical signs are graded on a scale of 0 to 3:

  1. Erythema: Redness of the skin.
  2. Induration/Papulation: Thickness or swelling.
  3. Excoriation: Scratch marks.
  4. Lichenification: Thickening of the skin with accentuated skin markings (leathery appearance).

Interpreting Your Score

The maximum EASI score is 72.0. While clinical definitions can vary slightly, general severity stratifications are:

Score Range Severity Classification
0 Clear
0.1 – 1.0 Almost Clear
1.1 – 7.0 Mild
7.1 – 21.0 Moderate
21.1 – 50.0 Severe
50.1 – 72.0 Very Severe

Frequently Asked Questions

Can I use this calculator for children?

This calculator uses the standard weighting for adults (age 8+). For children under 8 years old, the weighting differs slightly (Head: 0.2, Upper Limbs: 0.2, Trunk: 0.3, Lower Limbs: 0.3) to account for their larger head-to-body ratio.

What is the Area Score?

The area score (0-6) estimates the percentage of skin involved in a specific body region. For example, a score of 3 indicates that 30% to 49% of that specific body part is covered in eczema.

function calculateEASI() { // Helper function to get integer value from element ID var getVal = function(id) { var el = document.getElementById(id); return el ? (parseInt(el.value) || 0) : 0; }; // — Region 1: Head & Neck (Multiplier 0.1) — var h_area = getVal('head_area'); var h_sev_sum = getVal('head_redness') + getVal('head_thickness') + getVal('head_scratching') + getVal('head_lichenification'); var head_score = h_sev_sum * h_area * 0.1; // — Region 2: Upper Limbs (Multiplier 0.2) — var u_area = getVal('upper_area'); var u_sev_sum = getVal('upper_redness') + getVal('upper_thickness') + getVal('upper_scratching') + getVal('upper_lichenification'); var upper_score = u_sev_sum * u_area * 0.2; // — Region 3: Trunk (Multiplier 0.3) — var t_area = getVal('trunk_area'); var t_sev_sum = getVal('trunk_redness') + getVal('trunk_thickness') + getVal('trunk_scratching') + getVal('trunk_lichenification'); var trunk_score = t_sev_sum * t_area * 0.3; // — Region 4: Lower Limbs (Multiplier 0.4) — var l_area = getVal('lower_area'); var l_sev_sum = getVal('lower_redness') + getVal('lower_thickness') + getVal('lower_scratching') + getVal('lower_lichenification'); var lower_score = l_sev_sum * l_area * 0.4; // Total Score var total_score = head_score + upper_score + trunk_score + lower_score; // Formatting var finalScoreFormatted = total_score.toFixed(1); // Display Logic var resultContainer = document.getElementById('result-container'); var resultScoreEl = document.getElementById('final-score'); var badgeEl = document.getElementById('severity-badge'); resultScoreEl.innerHTML = finalScoreFormatted; resultContainer.style.display = 'block'; // Severity Logic var severityText = ""; var badgeColor = ""; if (total_score === 0) { severityText = "Clear"; badgeColor = "#27ae60"; // Green } else if (total_score <= 1.0) { severityText = "Almost Clear"; badgeColor = "#2ecc71"; // Light Green } else if (total_score <= 7.0) { severityText = "Mild"; badgeColor = "#f1c40f"; // Yellow } else if (total_score <= 21.0) { severityText = "Moderate"; badgeColor = "#e67e22"; // Orange } else if (total_score <= 50.0) { severityText = "Severe"; badgeColor = "#e74c3c"; // Red } else { severityText = "Very Severe"; badgeColor = "#c0392b"; // Dark Red } badgeEl.innerHTML = severityText; badgeEl.style.backgroundColor = badgeColor; // Scroll to result resultContainer.scrollIntoView({behavior: "smooth"}); }

Leave a Reply

Your email address will not be published. Required fields are marked *