Texto Oculto



Codificación utilizada para esto:




<div style="text-align: center;">Texto Oculto</div>
<div><br /></div>
  <!-------------Pantalla-Nro1-------------->
<div id="Pantalla" style="display: block;"></div>
<div><br /></div>

  <!-------------Botones 1 y 2-------------->
<button id="Boton1">Mostrar el texto</button>
<div><br /></div>
<button id="Boton2">Ocultar el Texto</button>
<div><br /></div>

 
  <!-------------Boton 3  y  4 -------------->
<table border="0">
  <tbody>
    <tr>
      <td> <button id="Boton3">Hacer Click para mostrar el texto oculto Nro 2 </button></td>
      <td> <button id="Boton4">Hacer Click para mostrar el texto oculto Nro 3 </button> </td>
    </tr>
  </tbody>
</table>


 <!-------------Pantalla  2 y 3-------------->
<div id="Pantalla2" style="display: none;">Texto Oculto Nro2</div>
<div id="Pantalla3" style="display: none;">Texto Oculto Nro3</div>
<div><br /></div>
<div><br /></div>
<hr background-color:="black" color="WHITE" size="1px" />
<div><br /></div>
<div><br /></div>
<hr background-color:="black" color="WHITE" size="1px" />




<!--------------Programacion------------------->
<script>

  function MiFuncion1() {
  
    var resultado = Pantalla.textContent
  Pantalla.innerHTML = "dos historias divertidas, cautivadoras, llenas de colorido ancestral, sol, arena y mar donde el escritor nos atrapa con su narrativa fresca e hipnotizante. Llena de chispa, nos pasea por situaciones interesantes que tal vez el lector nunca haya experimentado, pero después de leerlas aparecerán en su recuerdo como vividas, debido a la elocuencia de sus personajes y a la influencia gastronómica que rodea cada historia.&nbsp;&nbsp; "
  }

   function MiFuncion2() {
  var ContenidoB = ""
  Pantalla.innerHTML = ContenidoB
  }

   <!-------------Funcion 3 Activa el texto Pnatalla2 mediante boton3 --------------> 
    function MiFuncion3() {
  var ContenidoC = ""
  document.getElementById("Pantalla2").style.display = "block"
  document.getElementById("Pantalla3").style.display = "none"
  }

   <!-------------Funcion 4 Activa el texto Pnatalla3 mediante boton4 ---------------> 
    function MiFuncion4() {
  var ContenidoC = ""
  document.getElementById("Pantalla2").style.display = "none"
  document.getElementById("Pantalla3").style.display = "block"
  }
  
    <!-------------Activadores de función   -------------------------------->
  document.getElementById("Boton1").onclick= MiFuncion1;
  document.getElementById("Boton2").onclick= MiFuncion2;
  document.getElementById("Boton3").onclick= MiFuncion3;
  document.getElementById("Boton4").onclick= MiFuncion4;
    
     <!-------------Oculta el texto al cargar  --------------------------------> 
  window.onload=function() {
alert('Tienes texto oculto por descubrir');
   document.getElementById("Pantalla2").style.display = "none";
  }
  
  </script>