<div class="content"> <div class="input-group"> <label>📟 Enter Outcode (5 or 8 digit code)</label> <div class="outcode-wrapper"> <input type="text" id="outcodeInput" class="code-input" placeholder="e.g. 12345 or 87654321" maxlength="10" autocomplete="off"> </div> <div class="hint">🔹 Outcode format: 5-digit (e.g., 54321) or 8-digit (e.g., 98765432) — No spaces or letters.</div> </div>
.brand-header h1 font-size: 1.9rem; font-weight: 700; letter-spacing: -0.3px; background: linear-gradient(135deg, #FFF8E7, #F4C542); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; ford mazda outcode-incode calculator english
label display: block; font-weight: 600; color: #cbd5e6; margin-bottom: 0.5rem; font-size: 0.9rem; letter-spacing: 0.3px; 🔹 Outcode format: 5-digit (e.g.
.code-input flex: 2; background: #0b0f16; border: 1.5px solid #2a3543; border-radius: 44px; padding: 0.9rem 1.4rem; font-size: 1.3rem; font-family: 'SF Mono', 'Fira Code', monospace; font-weight: 600; color: #f2e8cf; letter-spacing: 1px; transition: all 0.2s; outline: none; 54321) or 8-digit (e.g.
/* buttons */ .action-buttons display: flex; gap: 16px; margin: 28px 0 24px; flex-wrap: wrap;
.extra-info margin-top: 20px; font-size: 0.75rem; color: #7f8d9e; text-align: center; border-top: 1px solid #1f2937; padding-top: 18px;
// --- Core algorithmic functions (verified against real examples) --- /** * Convert outcode string into numeric array (digits) * @param string codeStr - numeric string without spaces * @returns number[] array of digits */ function digitsArray(codeStr) return codeStr.split('').map(ch => parseInt(ch, 10));