Iniciación programación web

2.6K 26 3
                                    

INICIACIÓN A LA PROGRAMACIÓN

Iniciación y variables

En esta lección se aprende a escribir un primer programa "Hola mundo" .

Esto significa que se maneja correctamente un editor de texto, en este caso BRACKETS
, para sacar por pantalla, en el navegador web, una pequeña frase.

El concepto de Variable también se asimila fácilmente a partir de ejemplos muy reveladores.
Inicio con ECMAScript6 - variables

ES6 Inicio 1)
a) Abrir Brackets ( o cualquier otro editor de HTML)
b) Archivo Nuevo
c) Copiar el código que empieza por <!DOCTYPE html> siguiente.
d) Menú... Archivo... Guardar como: Ejercicio1.html
e) Menú... Archivo... Vista previa dinámica



<!DOCTYPE html>

<html>

<head>

<title>Ejercicio 1 </title>

</head>

<body>

<script>

document.writeln("Hola Mundo!");

</script>

</body>

</html>

Si no aparece nada en el explorador... puede haber un fallo copiando el texto.

Solución:

En Firefox y Chrome , pulsar CTRL + Mayúsculas + J , para abrir consola de errores.
Fijarse en el último error que señala. Corregirlo y GUARDAR de nuevo el archivo Ej1


ES6 Inicio 2) Crear archivo nuevo 'Ej2.htm' y copiar el siguiente código.
Una vez guardado, ejecutar el programa: Launch in Firefox (Chrome ...)

<!DOCTYPE html>

<html>

<body>

<script>


let a, b;

a = 10; b = 5;

resultado = a + b;

alert ('La suma de a+b es ${resultado} ' );

</script>

</body>

</html>

ES6 Inicio 3) Crear archivo nuevo 'Ej3.htm' y copiar el siguiente código.
Una vez guardado, ejecutar el programa: Launch in Firefox (Chrome ...)

<!DOCTYPE html>

<html>

<body>

<script>


let num2=0;

num1 = num1 + 1;

num2 = num2 + 5;

alert ('El primer numero ahora es ${num1} ');

alert ('El segundo numero ahora es ${num2} ' );

</script>

</body>

Programación web con ejercicios resueltos.Donde viven las historias. Descúbrelo ahora