Lo básico que estoy tratando de hacer aquí es iterar a través de este objeto JSON que contiene 2 registros (siempre solo 2 registros) y obtener el valor, que es una URL. Luego, configure el src de dos divs para cada una de esas URL (que luego crea dos divs en la página que incrusta un archivo PDF), y finalmente cambia la visualización de cada uno para que en un momento dado una de las incrustaciones sea display:block y uno es display:none (solo se debe mostrar una inserción en un momento dado, y deben realizar un ciclo cada 60 segundos.

Los problemas que tengo ahora:

• Establecer la URL de cada objeto como el src de cada div
• alternando correctamente la visualización de los divs, solo configurando cada uno como oculto actualmente

¿Cómo puedo cambiar mi forEach aquí para alternar correctamente las pantallas de las secciones incrustadas y cómo configurar correctamente el src de cada incrustación con el valor de URL correspondiente del objeto?

 @section('content') <embed class="pdf" src="https://test.s3.aws/test1.pdf#zoom=85&view=Fit&scrollbar=0&toolbar=0&statusbar=0&navpanes=0 " style="margin-top: 40px;position:absolute; left: 0; top: 0;" width="100%" height="100%" type="application/pdf"> <embed class="pdf" src="https://test.s3.aws/test2.pdf#zoom=85&view=Fit&scrollbar=0&toolbar=0&statusbar=0&navpanes=0 " style="margin-top: 40px;position:absolute; left: 0; top: 0; display:none" width="100%" height="100%" type="application/pdf"> @endsection @section('loadjs') <script> var files = {"1":"https://test.s3.aws/test1.pdf", "2":"https://test.s3.aws/test2.pdf"} ; const result = JSON.parse(files); Object.entries(result).forEach((entry) => { const [key, value] = entry; console.log(`${key}: ${value}`); //need to get the URL, which is value here, into the src of each div }) const divs = document.getElementsByClassName('pdf'); for(let i = 0; i < divs.length; i++) { setTimeout(() => { divs[i].style.display = none; }, i * 60000) } //toggle display:none for each embed with a 60second timer </script> @endsection