👋 ¡Hola comunidad!
¿Cuál sería la forma correcta de agregar una unidad dentro de una entrada de número?
El objetivo no es agregar un lapso con un margen izquierdo negativo sobre la entrada, sino realmente insertar una unidad no editable directamente después del número, adaptándose a la longitud del número:
[....3€....] [...333€...] [..33333€..]Encontré esta calculadora para lograr este resultado de manera bastante elegante, pero no puedo entender cómo obtener el mismo efecto.
¿Algunas ideas? 🙏
En primer lugar, no use la entrada de un tipo de número para este porque no le permitirá usar el símbolo de moneda.
Ahora, cree una entrada y escuche la pulsación de tecla. Si es un número, un signo menos o un punto, introdúzcalo antes del símbolo.
input.addEventListener('keypressed', event => { const codes = [] // check the codes here https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values if (codes.includes(event.key)) return input.value = input.value.slice(0, -1) + event.key // probably some mapping needed })El código anterior es una prueba de concepto no probada