Quiero crear un autocompletado de tarjeta de crédito para las páginas de Shopify. Mi plan era llenar el campo de entrada del número de tarjeta (por ejemplo) con document.getElementById('number').value = 12355444;

Hice dos observaciones: 1.) Si lo escribo en la consola, no sucede nada hasta que hago clic derecho en el campo de entrada específico y presiono inspeccionar. Después de inspeccionar y ejecutar en el campo de entrada de la consola del navegador, se completará. Pero, ¿por qué tengo que inspeccionar el campo primero?

2.) Si ejecuto document.getElementById('number').value = 12355444; sobre mi pequeña extensión de Chrome obtendré el error: TypeError no detectado: no se pueden establecer propiedades de nulo (estableciendo 'valor') en: 1:53

¿Cómo hago para que funcione? Parece que no puedo acceder o no encuentra las ID del formulario de entrada.

Si desea probarlo, tome, por ejemplo: https://newtonsupplyco.com/ cart sth y continúe hasta el pago.

Gracias