Primero que nada, debemos saber qué es un Pop up en JavaScript, es una ventana emergente que se muestra en la pantalla del usuario, generalmente con información adicional, confirmación de una acción o un mensaje importante. Se puede personalizar el contenido y el diseño de la ventana emergente usando JavaScript y CSS.
Para mostrar un Pop Up una única vez al usuario mientras navega se hace uso de localStorage para almacenar un valor que nos indique si el Pop Up ya ha sido mostrado o no. En el siguiente código primero se verifica el valor de mostradopopup, si el Pop Up no ha sido mostrado se muestra y se guarda el valor en true, lo cual garantiza que el mensaje del Pop Up le aparezca una única vez al usuario.
Es importante tener en cuenta que localStorage solo está disponible en navegadores modernos y no funciona en navegadores antiguos. Además, el usuario puede borrar los datos almacenados en localStorage en cualquier momento, por lo que esta solución puede no ser completamente infalible.