Fecha

Código fuente

      
      <!DOCTYPE html>
      < html>
    < head>
    < meta  content="text/html; charset=UTF-8"  http-equiv="content-type">
    < title>Fecha < /title>
    < style  type="text/css">
    
  .caja {
	float: left;
  width: 48%; 
	padding: 5px;
  margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	border: 1px solid #000;
    }
  < /style>
    
  < /head>
  
  < body  style="font-family: arial;background-color: #ffc;">
    
      < div  class="caja">
    < div  id="h1"  style="font-family: arial; font-size: 30px"  ;=""> </div>
    < br>
    < h2> Patricia Gómez Palacio </h2>
    < h2  id="h2"> La fecha y la hora son:</h2>
    < div  id="fecha"> </div>
    < br>
    < div>
      < p  id="id1"> </p >
      < script type="text/javascript">
                        document.write(document.getElementById("h2").innerHTML);
       </script>
      < br>
      < p  id="id2"> </p>
      < script type="text/javascript">
                        document.write(document.getElementById("h1").outerHTML);
      < /script>
      < br>
      < p  id="id3"> </p >
      < div  id="localh"> </div >
      < p  id="id4"> </p >
      < div  id="local"> </div >
      < p  id="id5"> </p >
      screen.width < div  id="pxw"> < /div> < br>
      screen.heigth < div  id="pxh"> < /div>
    < /div>
      < /div>
          
    < script  type="text/javascript">
  var fecha = new Date();
  var localh= document.location.href;
  var local= document.location;
  var pxw = screen.width;
  var pxh = screen.height;
  var msj;
  var x = "a) Contenido de innerHTML de elemento identificado por id=\"h2\"";
  var y ="b) Contenido de outerHTML de elemento identificado por id=\"h1\"";
  var z = "c) Contenido de de la propiedad global: location.href";
  var w ="d) Contenido de de la propiedad global: location ";
  var v ="f) Contenido de de las propiedades globales: screen.width y screen.heigth";
  if      (fecha.getHours() < 7)  { msj = "Buenas noches";}
  else if (fecha.getHours() < 12) { msj = "Buenos días";}
  else if (fecha.getHours() < 21) { msj = "Buenas tardes";}
  else    { msj = "Buenas noches";}

  document.getElementById("h1").innerHTML    = msj;
  document.getElementById("fecha").innerHTML = fecha;
  document.getElementById("localh").innerHTML = localh;
  document.getElementById("local").innerHTML = local;
  document.getElementById("pxw").innerHTML = pxw;
  document.getElementById("pxh").innerHTML = pxh;
  document.getElementById("id1").innerHTML=x;
  document.getElementById("id2").innerHTML=y;
  document.getElementById("id3").innerHTML=z;
  document.getElementById("id4").innerHTML=w;
  document.getElementById("id5").innerHTML=v;
   < /script >