jueves, 14 de enero de 2016

Ejercicios sobre Variables

Ejercicios sobre variables.
Del contenido del capítulo JS Variables del W3Schools.

Ejercicio 1.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre variables en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h3><b>Ejercicio 1:</b> Crear una variable llamada carName, asignarle el valor "Volvo" y mostrarlo.</h3>
<p id="demo">Mostrar el resultado aquí.</p>
<script>
// Crear la variable aquí
var carName = "Volvo"
document.getElementById("demo").innerHTML = carName;
</script>
</body>
</html>


Ejercicio 2.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre variables en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h3><b>Ejercicio 2:</b> Crear una variable llamada number, asignarle el valor 50 y mostrarlo...</h3>
<p id="demo">Mostrar el resultado aquí.</p>
<script>
// Crear la variable aquí
var number = 50;
document.getElementById("demo").innerHTML = number;
</script>
</body>
</html> 


Ejercicio 3.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre variables en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h3><b>Ejercicio 3:</b> El código debe mostrar "Volvo". Arréglalo.</h3>
<p id="demo">Mostrar el resultado aquí.</p>
<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
</body>
</html>


Ejercicio 4.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre variables en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h3><b>Ejercicio 4:</b> Mostrar la suma de 5 + 10, usando las variables x, y.</h3>
<p id="demo">Mostrar el resultado aquí.</p>
<script>
// Crear las variables aquí
var x = 5;
var y = 10;
document.getElementById("demo").innerHTML = x + y;
</script>
</body>
</html> 


Ejercicio 5.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre variables en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h3><b>Ejercicio 5:</b> Crear una tercera variable llamada z, asignarle x + y, y mostrarlo.</h3>
<p id="demo">Mostrar el resultado aquí.</p>
<script>
var x = 5;
var y = 10;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html> 


Ejercicio 6.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre variables en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h3><b>Ejercicio 6:</b> Usa una única <i>var</i> como palabra clave para crear tres variables con los siguientes valores:</h3>
firstName = "John"<br />
lastName = "Doe"<br />
age = 35<br />
<p id="demo">Mostrar el resultado aquí.</p>
<script>
// Crear las variables aquí
var firstName = "John", lastName = "Doe", age = 35;
document.getElementById("demo").innerHTML =
firstName + " " + lastName + " tiene " + age + " años";
</script>
</body>
</html>

1 comentario: