Para mi nuevo proyecto, estoy tratando de pasar un enlace en una variable. Tengo botones (múltiples botones, digamos 50 botones). Entonces, lo que tiene que hacer es hacer clic en el botón 1, debe pasar a var link = button1link.html y en el botón 2, debe pasar una variable a var link = button2link.html. hacer una función específica para cada botón es un proceso bastante largo, por lo que, en resumen, un clic de botón específico debe pasar un enlace específico a var link . por favor ayúdame con eso. Gracias: D
<button id="button1" onclick= "seturl();">click here </button> var link = "linkOfButton1.html"Puede poner enlaces en un atributo de datos del botón.
Y agregue oyentes de cada clic recorriendo los botones.
let link Array.from(document.querySelectorAll('button')).forEach(btn => { btn.addEventListener('click', () => { link = btn.dataset.link console.log(link) }) }) <button data-link="button1link.html">button1</button> <button data-link="button2link.html">button2</button>Use un bucle para configurar los enlaces, location.href para reenviar al usuario a la página específica y también cree los botones (si deben ser dinámicos).
const links = ['https://example.com', 'https://google.com', 'https://stackoverflow.com']; for (let link of links) { const button = document.createElement('button'); button.innerText = 'Click here'; document.body.append(button); button.addEventListener('click', () => { window.location.href = link; }); }Pase el venet a su seturl() y luego podrá hacer el enlace.
function seturl(e) { const id = e.target.getAttribute('id'); const name = id[0].toUpperCase() + id.slice(1); let link = "linkOf" + name +".html"; alert(link); } <button id="button1" onclick= "seturl(event);">click here 1</button> <button id="button2" onclick= "seturl(event);">click here 2</button>