Soy nuevo en html, y tampoco tengo idea de cómo trabajar con js, ¿puedo insertar un enlace en varias imágenes dentro de javascript de un html?
Aquí hay un código que hace que la imagen cambie cada vez que actualizo,
Lo que debo hacer es hacer que se pueda hacer clic en esta imagen y que lleve a otro sitio
Preferiblemente, me gustaría tratar de hacerlo de modo que el js pueda conducir a un código en html, por lo que también puedo agregar cosas como la altura
<a href="3.html"> <img src="3w.png" alt="car" height="333"> </a> function random_imglink() { var myimages = new Array() myimages[1] = "1.png" myimages[2] = "2.png" myimages[3] = "3w.png" myimages[4] = "4w.png" var ry = Math.floor(Math.random() * myimages.length) if (ry == 0) ry = 1 document.write('<img src="' + myimages[ry] + '" border=0>') } random_imglink()Estoy usando literales de plantilla para crear el enlace y eventListener para ver cuándo se ha cargado la página
const myimages = ["1.png", "2.png", "3w.png", "4w.png"] const links = ["page1.html","page2.html","page3.html","page4.html"]; function random_imglink() { var ry = Math.floor(Math.random() * myimages.length) return `<a href="${links[ry]}"><img src="${myimages[ry]}" height="333" border=0/></a>`; } window.addEventListener("DOMContentLoaded", function() { document.getElementById("linkContainer").innerHTML = random_imglink(); }); <div id="linkContainer"></div>