Mi Telcel Recarga [updated] May 2026

<script> // Estado actual del monto seleccionado let selectedAmount = null; const amountBtns = document.querySelectorAll('.amount-btn'); const customAmountInput = document.getElementById('customAmount'); const phoneInput = document.getElementById('phoneNumber'); const recargarBtn = document.getElementById('recargarBtn'); const statusDiv = document.getElementById('statusMessage');

<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> mi telcel recarga

// Seleccionar monto predefinido amountBtns.forEach(btn => btn.addEventListener('click', () => clearSelectedButtons(); btn.classList.add('selected'); selectedAmount = parseInt(btn.getAttribute('data-amount'), 10); customAmountInput.value = ''; // limpiar custom statusDiv.innerHTML = `✅ Monto seleccionado: $$selectedAmount MXN`; statusDiv.classList.remove('error-msg', 'success-msg'); ); ); &lt;script&gt; // Estado actual del monto seleccionado let

// Limpiar formato de número (solo dígitos) let phoneDigits = phoneRaw.replace(/\D/g, ''); if (!phoneDigits ); const amountBtns = document.querySelectorAll('.amount-btn')

recargarBtn.addEventListener('click', async () => let phoneRaw = phoneInput.value.trim(); let amount = selectedAmount;

// Función para limpiar selección visual function clearSelectedButtons() amountBtns.forEach(btn => btn.classList.remove('selected'));

<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>