Los operadores pueden ser matemáticos y de asignación.
Del contenido del
capítulo JS Arithmetic del W3Schools.
Ejercicio 1.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p>Una típica operación aritmética coge dos números y crea un tercero.</p>
<p id="demo"></p>
<script>
var x = 100 + 50;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html> |
Ejercicio 2.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p>Una típica operación aritmética coge dos números (o variables) y crea un tercero.</p>
<p id="demo"></p>
<script>
var a = 100;
var b = 50;
var x = a + b;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
|
Ejercicio 3-
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p>Una típica operación aritmética coge dos números (o expresiones) y crea un nuevo número.</p>
<p id="demo"></p>
<script>
var a = 3;
var x = (100 + 50) * a;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
|
Ejercicio 4.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>El operador + </h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 2;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
|
Ejercicio 5.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>El operador - </h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 2;
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>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>El operador * </h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 2;
var z = x * y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
</html>
|
Ejercicio 7.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>El operador / </h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 2;
var z = x / y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
|
Ejercicio 8.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>El operador % </h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 2;
var z = x % y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
|
Ejercicio 9.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>El operador ++ </h2>
<p id="demo"></p>
<script>
var x = 5;
x++;
var z = x;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html> |
Ejercicio 10.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h1>El operador -- </h1>
<p id="demo"></p>
<script>
var x = 5;
x--;
var z = x;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
|
Ejercicio 11.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p>La multiplicación tiene preferencia sobre la adición.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 100 + 50 * 3;
</script>
</body>
</html>
|
Ejercicio 12.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p>La multiplication tiene preferencia sobre la adición.</p>
<p>Pero los paréntesis tienen preferencia sobre la multiplicación.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (100 + 50) * 3;
</script>
</body>
</html>
|
Ejercicio 13.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Operadores aritméticos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p>Cuando varias operaciones tienen la misma preferencia se calculan desde la izquierda a la derecha.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 100 + 50 - 3;
</script>
</html>
|
No hay comentarios:
Publicar un comentario