domingo, 10 de enero de 2016

Sintaxis

Un programa de computadora es una lista de las "instrucciones" para ser "ejecutados" por el ordenador.
En un lenguaje de programación, estas instrucciones de programa se llaman declaraciones.
JavaScript es un lenguaje de programación.
Las declaraciones de JavaScript están separados por punto y coma.
Del contenido del capítulo JS Syntax del W3Schools.

Ejemplo 1.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Sentencias JavaScript</h2>
<p>Las sentencias se separan con punto y coma.</p>
<p>A las variables x, y, z, se les asigna 5, 6 y 11:</p>
<p id="demo"></p>
<script>
var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>


Ejemplo 2.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript. Números</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>JavaScript Números</h2>
<p>`Los números se pueden escribir con o sin decimales.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 10.50;
</script>
</body>
Importante: Los decimales se marcan con punto, no con coma.


Ejemplo 3.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript. Strings</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>JavaScript Strings</h2>
<p>Los strings se pueden escribir con comillas sencillas o dobles.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>
</body>
</html>


Ejemplo 4.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript. Variables</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>JavaScript Variables</h2>
<p>En este ejemplo, x es definido como una variable.
Luego se le asigna un valor de 6:</p>
<p id="demo"></p>
<script>
var x;
x = 6;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>


Ejemplo 5.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript. Asignación de valores</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Asignando valores</h2>
<p>En JavaScript el operador = es usado para asignar valores a las variables.</p>
<p id="demo"></p>
<script>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</script>
</body>
</html>


Ejemplo 6.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript. Operadores</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>JavaScript Operadores</h2>
<p>JavaScript usa operadores para asignar valores como en Álgebra.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
</body>
</html>


Ejemplo 7.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript. Expresiones</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>JavaScript e</h2>
<p>Expresiones JavaScript.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>
</body>
</html>


Ejemplo 8.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript. Expresiones</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Expresiones JavaScript</h2>
<p>Variables con operadores.</p>
<p id="demo"></p>
<script>
var x = 5;
document.getElementById("demo").innerHTML = x * 10;
</script>
</body>
</html>


Ejemplo 9.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript. Expresiones</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Expresiones JavaScript</h2>
<p>Strings.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "John" + " "  + "Doe";
</script>
</body>
</html>


Ejemplo 10.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript. Variables</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Palabra clave para declarar variables</h2>
<p id="demo"></p>
<script>
var x = 5 + 6;
var y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>
</body>
</html>


Ejemplo 11.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript. Comentarios</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Los comentarios no se ejecutan</h2>
<p id="demo"></p>
<script>
var x = 5;
// var x = 6; Esto es un comentario. Será ignorado
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>


Ejemplo 12.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de sentencias en JavaScript. Mayúsculas y minúsculas</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>JavaScript is sensible a mayúsculas y minúsculas</h2>
<p>lastName no es lo mismo que lastname.</p>
<p id="demo"></p>
<script>
var lastName = "Doe";
var lastname = "Peterson";
document.getElementById("demo").innerHTML = lastName;
</script>
</body>
</html>

No hay comentarios:

Publicar un comentario