PreventDefault para anular link
Publicado por Martin (1 intervención) el 20/04/2020 01:37:32
Hola, cómo están?
Tengo que resolver este ejercicio y se me está haciendo difícil, cómo dicen que sería válido resolverlo?:
Cuento con un nav con dos links que redirigen a dos páginas distintas (Google y Educacion IT)
Enunciado:
Intercambiar las URLs de los links de la barra de navegación. El que dice Google! tiene que
redirigir a educacionit.com y viceversa.
Comparto mi código
HTML
JS
Al hacer click en los links me sigue redirigiendo a las páginas definidas en html como si el preventdefault no funcionara.
Si bien entiendo que habrá distintas formas de hacerlo, me gustaría saber si cuento con un error al encararlo de esta manera.
Muchas gracias
Tengo que resolver este ejercicio y se me está haciendo difícil, cómo dicen que sería válido resolverlo?:
Cuento con un nav con dos links que redirigen a dos páginas distintas (Google y Educacion IT)
Enunciado:
Intercambiar las URLs de los links de la barra de navegación. El que dice Google! tiene que
redirigir a educacionit.com y viceversa.
Comparto mi código
HTML
1
2
3
4
5
<body>
<nav id="nav"><h1> <a id="aEducacion" href="http://www.google.com"> GOOGLE! </a></h1> <h1> <a id="aGoogle" href="https://www.educacionit.com"> Educación IT </a></h1></nav>
<script src="index.js"></script>
</body>
JS
1
2
3
4
5
6
7
8
9
10
11
12
let aGoogleJs = document.getElementById("aGoogle")
let aEducacionJs = document.getElementById("aEducacion")
aGoogleJs.addEventListener('click', e=>{
e.preventDefault //window.location="http://www.google.com"})
aEducacionJs.addEventListener("click", e=>{
e.preventDefaultwindow.location="https://www.educacionit.com"
})
Al hacer click en los links me sigue redirigiendo a las páginas definidas en html como si el preventdefault no funcionara.
Si bien entiendo que habrá distintas formas de hacerlo, me gustaría saber si cuento con un error al encararlo de esta manera.
Muchas gracias
Valora esta pregunta
0
