Exercici 4 Events
De wikiserver
La revisió el 19:06, 26 gen 2024 per Mfernandez (Discussió | contribucions)
Es mostra la part corresponent al tag Script de Javascript:
<script type="text/javascript">
window.onload=function(){
document.getElementById("enlace_1").addEventListener('click', ()=>{mostraOculta("contenidos_1");}, false);
document.getElementById("enlace_2").addEventListener('click', ()=>{mostraOculta("contenidos_2");}, false);
document.getElementById("enlace_3").addEventListener('click', ()=>{mostraOculta("contenidos_3");}, false);
}
function mostraOculta(id){ //e.target.id podemos obtener el id
var nombre = id;
var link_nombre = "enlace_" + nombre.split("_")[1];
var parrafo = document.getElementById(nombre);
var link = document.getElementById(link_nombre);
if(parrafo.style.display == "none"){
parrafo.style.display = "block";
link.innerHTML = "Oculta contenido";
}
else{
parrafo.style.display = "none";
link.innerHTML = "Muestra contenido";
}
}
</script>