JavaScript - COMO DARLE FORMATO A UN NUMERO

hola amigos del foro no tengo mucho conocimiento de javascript y tengo el siguiente problema:

tengo un input y necesesito que cada ves que se introduzca un valor sin salir de la pagina me retorne en el mismo input el valor con formato de la siguiente manera:


introduzco el 1 y me retorna 1
introduzco el 10 y me retorna 10
introduzco 100 y me retorna 100
introduzco 1000 y me retorna 1.000
introduzco 10000 y me retorna 10.000
introduzco 100000 y me retorna 100.000

el procedeimiento es igual al que se utiliza en las cajas de los supermercados, se deberia realizar el procedimiento sin salir de la pagina

Si pudieran ayudarme se los agradeceria muchisimo

Hola, martin.
Si con que "me retorne en el mismo input" te refieres a que sólo permita ese formato que propones, yo utilizaría el atributo pattern del elemento input de HTML5.

https://www.w3schools.com/tags/att_input_pattern.asp
Un ejemplo aquí.
https://www.it-swarm.dev/es/html/permitir-2-posiciones-decimales-en-tipo-de-entrada-numero/1056136563/

Si me he equivocado interpretando tu problema, ya dirás.
Saludos.