0

Tengo un objeto con la ruta en la quer están las páginas, lo que quiero hacer es que al pulsar un botón de un menú cargue esa página, por lo que mi html es este:

 <ul>
        <li><a id="home">HOME</a></li>
        <li><a id="about">ABOUT</a></li>
        <li><a id="contacto">CONTACTO</a></li>
 </ul>

Tengo un objeto que indica donde están esas páginas:

let url = {
home: 'index.html',
about: 'about.html',
contacto: 'contacto.html'}

De esta manera si quiero cambiar a donde van los enlaces solo los tengo que cambiar desde el script y no página a página con un href

El menú es este:

let links = document.querySelectorAll('.menu a');

links.forEach((item) => {
    item.addEventListener('click', (e) => {
        let dest = e.target.id //Si pulsas home esto vale index.html;
        window.history.pushState(null, null, url.dest) // PREGUNTA 1
        $(html).load(url.dest);
    })
})

PREGUNTA 1

url.dest devuelve undefined en lugar de index.html

¿Cómo puedo hacer para que devuelva index.html?

1
  • url[dest] en lugar de url.dest
    – Suso
    Commented el 5 jun. 2022 a las 20:56

1 respuesta 1

0
links.forEach((item) => {
item.addEventListener('click', (e) => {
    let dest = e.target.id;

    function obtenerEnlace(value)
    {
        return url[value]+'.html' || url['default'];
    }

    window.history.pushState(null, null, obtenerEnlace(dest));
    $('html').load(obtenerEnlace(dest))
   })
})

Se arregla así

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.