Tengo un archivo html y un archivo js, lo que busco es: Llamar las imágenes desde javascript y visualizarla en mi archivo html, al ingresarlas manualmente las puedo visualizar, pero al usar el script no las visualizo, de antemano gracias.
<html>
<body >
<h1 class="title">Catálogo de Productos Optisiloé</h1>
<div class="transp">
<!-- Bloque para ingresar imágenes actualmente funciona ingresandolas 1 a 1-->
<img id="imagen" src="img/img1.png">
</div>
<!-- Llamado al script -->
<script src="js/app.js"></script>
</body>
</html>
Archivo JavaScript app.js Lo que debería hacer es usar el ciclo for para crear un objeto img, que está ubicado en la carpeta img, asignando al final del nombre el número de la variable i junto con la extensión, previo las imágenes ya se encuentran dentro de la carpeta img y van de la img1.png a img9.png
let imagen = document.getElementById("imagen");
for (let i = 1; i <= 9; i++){
let newimg = document.createElement("img");
newimg.setAttribute("src", "img/img"+i+".png");
}