Exercici 4 Events

De wikiserver
La revisió el 19:06, 26 gen 2024 per Mfernandez (Discussió | contribucions)
(dif) ← Versió més antiga | Versió actual (dif) | Versió més nova → (dif)
Dreceres ràpides: navegació, cerca

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>