Puede que esté haciendo esto mal, pero sería genial resolverlo con javascript. Todavía no tengo experiencia con ningún framework.
Quiero crear una página dinámica después de buscar una identificación determinada. Hay varias bibliotecas en mi base de datos de firebase, y cada biblioteca tiene sus propios libros. Si busca una biblioteca, debería abrir una página de biblioteca con los libros correctos, incluidos en la base de datos.
button01.addEventListener("click", e => { CheckLibary(input.value); }); function CheckLibary(i) { firebase.database().ref('libary/').on('value', function (snapshot) { if ( snapshot.val()[i]) { CreateLibary(); } else { console.log("LIBARY ID DOES NOT EXIST!"); } }); } function CreateLibary() { var opened = window.open(""); opened.document.write(` <html> <head> </head> <body> <script> window.onload = FillBooks(); </script> </body> </html> `); }Hasta ahora estoy usando window.open/document.write para crear una nueva página. Pero, ¿cómo completo esa página con el contenido correcto de Firebase?
Me las arreglé para activar una función al cargar esa página, con la etiqueta del script abajo, para usar javascript para llenar el contenido en el dom. Pero siento que esta es la forma incorrecta de hacer esa tarea. No tengo mucha experiencia, eso es justo lo que se me ocurrió hasta ahora, también pensando más, parece que me encuentro con muchos problemas de esta manera, especialmente cuando se crean varias páginas.
Espero encontrar algo de ayuda. Gracias