Olá amigos, estou criando o site para minha barbearia como portfólio. Adicionei seis imagens dinamicamente através do JavaScript, porém não consigo adicionar links a essas imagens. Quero que ao clicar em cada imagem o usuário seja direcionado para uma pagina do instagram. Lá vai o código:
const frame = []; //array da moldura
const foto = []; //array das fotos
let local = document.getElementById("local"); //local da inserção das fotos
let x = 423; //valor do x da linha inferior
let x2 = 650; //valor do x da linha superior
window.onload=function() { //funciona simultaneo ao carregamento da pgn
for (let c = 1; c <= 6; c++) {
frame[c] = document.createElement("img");
frame[c].src = ("Imagens/frame.png");
local.appendChild(frame[c])
frame[c].classList.add("moldura")
foto[c] = document.createElement("img"); //cria um elemento imagem em cada posicao da array
foto[c].src = (`Imagens/foto${c}.png`); //define o link da foto a ser adicionada
local.appendChild(foto[c]) //adiciona a imagem ao local
foto[c].classList.add("foto"); //adiciona o atributo class as imagens
if (c <= 4) {
frame[c].style.top = "1910px"; //define o y da imagem
frame[c].style.left = `${x - 17}px`; //define o x da imagem
foto[c].style.top = "1927px";
foto[c].style.left = `${x}px`;
x = x + 230; //distancia entre as imagens
}
else {
frame[c].style.top = "1610px";
frame[c].style.left = `${x2 - 17}px`;
foto[c].style.top = "1627px";
foto[c].style.left = `${x2}px`;
x2 = x2 + 230;
}
}
}