Las declaraciones de JavaScript son instrucciones para ser ejecutadas por el navegador.
Del contenido del
capítulo JS Statements del W3Schools.
Ejemplo 1. Una única declaración.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de declaraciones en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p>En HTML, las declaraciones de JavaScript son órdenes al navegador.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hola Dolly.";
</script>
</body>
</html> |
Ejemplo 2.Varias declaraciones.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de declaraciones en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p>El código JavaScript (o simplemente JavaScript) es una lista de declaraciones.</p>
<p id="demo"></p>
<script>
var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html> |
Importante: Los decimales se marcan con punto, no con coma.
Ejemplo 3.Las declaraciones se separan con ;
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de declaraciones en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p>Las declaraciones JavaScript están separadas por punto y coma.</p>
<p id="demo1"></p>
<script>
a = 1;
b = 2;
c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html> |
Ejemplo 4.Una única línea puede contener varias declaraciones
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de declaraciones en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p>Múltiples declaraciones en una única línea están permitidas.</p>
<p id="demo1"></p>
<script>
a = 1; b = 2; c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html> |
Ejemplo 5.No conviene escribir largas líneas de código.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de declaraciones en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p>El mejor punto para saltar a la siguiente línea es después de un operador o una coma.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Hola Dolly.";
</script>
</body>
</html> |
Ejemplo 6. Una función agrupa a varias declaraciones que se ejecutan a la vez.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de declaraciones en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Mi página web</h2>
<p id="myPar">Esto es un párrafo.</p>
<div id="myDiv">Esto es un div.</div>
<p>
<button type="button" onclick="myFunction()">Púlsame</button>
</p>
<script>
function myFunction() {
document.getElementById("myPar").innerHTML = "Hola Dolly.";
document.getElementById("myDiv").innerHTML = "Cómo estás?";
}
</script>
<p>Cuando hagamos click en "Púlsame" las dos líneas de texto van a cambiar.</p>
</body>
</html> |
No hay comentarios:
Publicar un comentario