Tengo algunos elementos en mi sitio que, cuando se hace clic, generan contenido en el sitio usando javascript, sin embargo, cuando el usuario navega a otra página de mi sitio y luego vuelve a la página anterior, el contenido que se generó usando javascript se vuelve borrado/restablecido. Algunas cosas se almacenan en caché en el navegador, como la entrada del usuario en los campos de entrada, las casillas de verificación, etc., permanecen en caché, pero el contenido que se generó con JavaScript se borra.

¿Cómo puedo almacenar en caché el contenido que se generó con javascript, de modo que se recuerde y se restaure cuando el usuario regrese a la página, de forma similar a cómo se recuerdan sus acciones en las casillas de verificación de entrada?

¿Es posible hacerlo de forma nativa? ¿Almacenar en caché el contenido generado del lado del cliente en el navegador a medida que se genera, o es algo que tengo que almacenar en caché usando sessionStorage/localStorage? ¡Gracias de antemano!