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
    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

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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