Hola estoy realizando un ejercicio que consiste en modificar el texto que hay en html por otro con dos botones (catalan) (castellano) , cuando clicas encima del boton catalan se traduce el texto en catalan y cuando le clicas en castellano vuelve al texto inicial que es castellano.
Yo he hecho el siguiente metodo: y funcion solo un boton. el de catalan
en la pagina html he puesto:
<div id="div1">
<p id="p1"><strong>TRADUCCIÓN / TRADUCCIÓ</strong></p>
<p align="justify" id="p2"><strong>LA PELÍCULA:</strong> TEXTO BLA BLA BLA ESTO ES EL TEXTO EN CASTELLANO DE LA PAGINA PRINCIPAL p>
</div>
<input type="button" value="CATALÀ" onClick="javascript:return reemplazar();" />
<input type="button" value="CASTELLÀ" onClick="javascript:return reemplazar();"/>
y el script el siguiente:
function reemplazar(){
var eleViejo=document.getElementById("p2");
var eleNuevo=document.createElement("p");
eleNuevo.setAttribute("id","p3");
eleNuevo.innerHTML="TEXT BLA BLA BLA AIXO ES EL TEXT EN CATALA DE LA PAGINA PRINCIPAL ";
var parent=eleViejo.parentNode;
parent.replaceChild(eleNuevo, eleViejo);
return false;
}
El botón catalan funciona, cuando clicas en el sustituye el texto pero el otro boton no hace nada. Como puedo hacer que cuando clicas el boton castellano te salga otra vez el texto en castellano?
Alguna ayuda? muchas gracias!
