if (amount < 10) statusDiv.innerHTML = '❌ El monto mínimo de recarga es $10 MXN'; statusDiv.classList.add('error-msg'); return;
if (amount > 3000) statusDiv.innerHTML = '❌ El monto máximo por recarga es $3,000 MXN'; statusDiv.classList.add('error-msg'); return; mi telcel recarga
// 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 < 10) statusDiv
<div class="input-group"> <label>💰 Monto a recargar (MXN)</label> <div class="amount-buttons" id="amountButtons"> <button type="button" class="amount-btn" data-amount="20">$20</button> <button type="button" class="amount-btn" data-amount="50">$50</button> <button type="button" class="amount-btn" data-amount="100">$100</button> <button type="button" class="amount-btn" data-amount="200">$200</button> <button type="button" class="amount-btn" data-amount="500">$500</button> </div> <div class="custom-amount"> <input type="number" id="customAmount" placeholder="Otra cantidad (MXN)" min="10" step="10"> </div> </div> if (amount <