Sesión Práctica SCM 25/02/2019 JavaScript

En esta práctica crearemos un archivo con la extensión .js, en este archivo pondremos funciones que usaremos en la página web de prueba, cuyo enlace podremos encontrar en este blog.

javascript.js

//función para cambiar los estilos de nuestra página web

function cambiarArchivoCss(archivo) { 

document.getElementById("estilo").href=archivo; 

}  

//función que cambiará el estilo del elemento identificado por "header"

//en la página web

function myFunctiondemo() { 

  var x = document.getElementById("header"); 

  x.style.fontSize = "25px";

  x.style.color = "red"; } //función que cambiará el estilo del elemento identificado por "header" //en la página web function myFunctiondemo1() { var x = document.getElementById("header"); x.style.fontSize = "20px"; x.style.color = "black"; } 

//función que abre una ventana de alerta con el título "Hola Clase!" 

function myFunctionalert() { 

  alert("Hola Clase!");}

//función que mostrará un mensaje a los 5 segundos de... 

function Bienvenido(){ 

setTimeout("alert('Bienvenido a esta página, este mensaje ha salido a los 5  

segundos');",5000);

} 

//función que visualizará un mensaje, seguirá el mensaje mientras se quiera cerrar y no

//se introduzca algo

function myFunction2() {

  var x=document.getElementById("nombre"); 

  var person=null;

  while (person==null) 

 {

 person = window.prompt("Introduce tu nombre", "Nombre Apellidos"); 

 if (person != null)

  { 

    x.innerHTML="Hola " + person + "! Cómo estás hoy?";

  }

 }

}

Además, se modificará el .html, creado en la sesión de practica anterior para la codificación de la  página web, y se crearán dos archivos más 'final2.css' y 'final3.css'.

Todos estos archivos se almacenarán en la página  https://www.000webhost.com/ 

Imágen de la página web sitiowebdemanuelhg actualizada