Las variables son contenedores para almacenar información.
Del contenido del
capítulo JS Variables del W3Schools.
Ejemplo 1. En este ejemplo
x,
y,
z, son variables.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Variables en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Variables en JavaScript</h2>
<p>I
En este ejemplo, x, y, z son variables</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. En este ejemplo
precio1,
precio2 y
total son variables.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Variables en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Variables en JavaScript</h2>
<p id="demo"></p>
<script>
var precio1 = 5;
var precio2 = 6;
var total = precio1 + precio2;
document.getElementById("demo").innerHTML =
"El total es: " + total;
</script>
</body>
</html> |
Ejemplo 3. Diferencias de escritura entre los strings y los números.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Variables en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Variables en Javascript</h2>
<p>Los strings se escriben con comillas.</p>
<p>Los números se escriben sin comillas.</p>
<p>Intenta experimentar con los // Comentarios.</p>
<p id="demo"></p>
<script>
var pi = 3.14;
var persona = "John Doe";
var respuesta = '¡Sí, soy yo!';
//document.getElementById("demo").innerHTML = pi;
document.getElementById("demo").innerHTML = persona;
//document.getElementById("demo").innerHTML = respuesta;
</script>
</body>
</html> |
Ejemplo 4. Creación de una variable y mostrarla.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Variables en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Variables en Javascript</h2>
<p>Crear una variable, asignarle un valor y mostrarla:</p>
<p id="demo"></p>
<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
</body>
</html> |
Ejemplo 5. Crear varias variables en una única línea.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Variables en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Variables en Javascript</h2>
<p>Se pueden crear varias variables en una única declaración. En una única línea</p>
<p id="demo"></p>
<script>
var person = "John Doe", carName = "Volvo", precio = 200;
document.getElementById("demo").innerHTML = carName;
</script>
</body>
</html> |
Ejemplo 6. Crear varias variables en varias líneas pero en una única declaración.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Variables en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Variables en Javascript</h2>
<p>Se pueden crear varias variables en una única declaración. En varias líneas.</p>
<p id="demo"></p>
<script>
var person = "John Doe",
carName = "Volvo",
price = 200;
document.getElementById("demo").innerHTML = carName;
</script>
</body>
</html> |
Ejemplo 7. Variables
undefined.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Variables en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Variables en Javascript</h2>
<p>Una variable declarada sin asignarle un valor tendrá el valor "undefined".</p>
<p id="demo"></p>
<script>
var carName;
document.getElementById("demo").innerHTML = carName;
</script>
</body>
</html> |
Ejemplo 8. Redeclaración de una variable.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Variables en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Variables en Javascript</h2>
<p>Si se re-declara una variable, no perderá su valor.</p>
<p id="demo"></p>
<script>
var carName = "Volvo";
var carName;
document.getElementById("demo").innerHTML = carName;
</script>
</body>
</html> |
Ejemplo 9. Una variable que almacena una suma de números.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Variables en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Variables en Javascript</h2>
<p>A la variable x se le asigna el valor de la suma 5 + 2 + 3, y se muestra el resultado:</p>
<p id="demo"></p>
<script>
var x = 5 + 2 + 3;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html> |
Ejemplo 10. Sumar varios strings.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Variables en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Variables en Javascript</h2>
<p>Sumar "John" + " " + "Doe":</p>
<p id="demo"></p>
<script>
var x = "John" + " " + "Doe";
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html> |
Ejemplo 11. Sumar un string con números. Todos se consideran como strings.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Variables en Javascript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Variables en Javascript</h2>
<p>Sumar "5" + 2 + 3. y mostrar el resultado:</p>
<p id="demo"></p>
<script>
var x = "5" + 2 + 3;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html> |
No hay comentarios:
Publicar un comentario