Uso de getelementbyID

   Contenido de Screen   

________________CODIGO________________________________

<div style="text-align: center;">Uso de getelementbyID</div>

<br />

<div id="Pantalla">

  <span style="color: #f3f3f3;"><b style="background-color: black;">&nbsp; &nbsp;Contenido de Screen&nbsp; &nbsp;</b></span>

</div>

<div><br /></div>

<button id="B1">Extrae el contenido de la pantalla</button>

<div><br /></div>

<button id="B2">Cambia el contenido de la pantalla</button>

<div><br /></div>

<button id="B3">Reponer el texto de la pantalla </button>

<div><br /></div>

<div><input id="EP004" type="button" value="Hacer Click y verás Ejercicio EP004 en caja de texto" /></div>

<br />

<div><input id="EP005" type="button" value="Hacer Click y verás Ejercicio EP005 en caja de texto" /></div>

<!--------------------------------->

<script>

   

  function MiFuncion0() {

  var resultado = Pantalla.textContent

  alert("El texto de Screen es: ( "+ resultado + " )" );

  }

 

  function Mifuncion1() {

  alert('Ejercicio EP004');

}

  function Mifuncion2() {

  alert('Ejercicio EP005');

}

  function MiFuncion3() {

  var resultado = Pantalla.textContent

  Pantalla.innerHTML = "Cambio de texto "

  }

   function MiFuncion4() {

  var resultado = "Contenido de Screen"

  Pantalla.innerHTML = resultado

  }

  

  document.getElementById("EP004").onclick = Mifuncion1;

  document.getElementById("EP005").onclick = Mifuncion2;

  document.getElementById("B1").onclick= MiFuncion0;

  document.getElementById("B2").onclick= MiFuncion3;

  <!-------------Boton B3-------------------------------->

  document.getElementById("B3").onclick= MiFuncion4;

  document.getElementById("B3").onclick.styleColor= Black;

  

</script>