<button class="btn-recargar" id="recargarBtn"> ⚡ Realizar Recarga </button> <div id="statusMessage" class="message"> 💡 Selecciona un monto e ingresa tu número </div> </div> <footer> 🔒 Simulación segura · Conectado a Telcel API (demo) </footer> </div>
// Cuando el usuario escribe un monto custom, anula la selección de botones customAmountInput.addEventListener('input', (e) => clearSelectedButtons(); const val = e.target.value.trim(); if (val !== '') const num = parseFloat(val); if (!isNaN(num) && num > 0) selectedAmount = num; statusDiv.innerHTML = `✏️ Monto personalizado: $$num MXN`; else selectedAmount = null; statusDiv.innerHTML = `⚠️ Ingresa un monto válido (mínimo $10)`; else selectedAmount = null; statusDiv.innerHTML = `💡 Selecciona un monto predefinido o escribe uno`; statusDiv.classList.remove('error-msg', 'success-msg'); );
if (!amount );
<button class="btn-recargar" id="recargarBtn"> ⚡ Realizar Recarga </button> <div id="statusMessage" class="message"> 💡 Selecciona un monto e ingresa tu número </div> </div> <footer> 🔒 Simulación segura · Conectado a Telcel API (demo) </footer> </div>
// Cuando el usuario escribe un monto custom, anula la selección de botones customAmountInput.addEventListener('input', (e) => clearSelectedButtons(); const val = e.target.value.trim(); if (val !== '') const num = parseFloat(val); if (!isNaN(num) && num > 0) selectedAmount = num; statusDiv.innerHTML = `✏️ Monto personalizado: $$num MXN`; else selectedAmount = null; statusDiv.innerHTML = `⚠️ Ingresa un monto válido (mínimo $10)`; else selectedAmount = null; statusDiv.innerHTML = `💡 Selecciona un monto predefinido o escribe uno`; statusDiv.classList.remove('error-msg', 'success-msg'); ); mi telcel recarga
if (!amount );