Corrección de erratas. Añade un ejercicio a Javascript

Author: José Miguel Sánchez Alés

docs/99.ejercicios/80-js-basico.html

@@ -200,8 +200,28 @@ <h2>Medios<a class="headerlink" href="#medios" title="Enlace permanente a este e
 <li><p>Estudie las fechas en Javascript (<a class="reference external" href="https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Date">Date</a>)
 y, dada la fecha de nacimiento de una persona, haga un programa que determine
 si es o no mayor de edad.</p></li>
+<li><p>Dada una lista de números, devuelva otra que excluya los números mayores al último.</p></li>
 <li><p>Tome diez números naturales entre 1 y 40 al azar y calcule la suma y el
 producto de todos ellos.</p></li>
+<li><p>Dado un número natural N, construya una pirámide de N niveles. Por ejemplo, para 4:</p>
+<div class="highlight-none notranslate"><div class="highlight"><pre><span></span>   x
+  xxx
+ xxxxx
+xxxxxxx
+</pre></div>
+</div>
+<div class="sol-oculta highlight-javascript notranslate"><div class="highlight"><pre><span></span><span class="s2">&quot;use strict&quot;</span><span class="p">;</span>
+
+<span class="kd">const</span><span class="w"> </span><span class="nx">n</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">6</span><span class="p">;</span><span class="w"> </span><span class="c1">// Altura de la pirámide</span>
+
+<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="sb">`Pirámide de altura </span><span class="si">${</span><span class="nx">n</span><span class="si">}</span><span class="sb">:`</span><span class="p">)</span>
+<span class="k">for</span><span class="p">(</span><span class="kd">let</span><span class="w"> </span><span class="nx">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">0</span><span class="p">;</span><span class="w"> </span><span class="nx">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mf">6</span><span class="p">;</span><span class="w"> </span><span class="nx">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<span class="w">   </span><span class="kd">let</span><span class="w"> </span><span class="nx">linea</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot; &quot;</span><span class="p">.</span><span class="nx">repeat</span><span class="p">(</span><span class="nx">n</span><span class="o">-</span><span class="nx">i</span><span class="o">-</span><span class="mf">1</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s2">&quot;x&quot;</span><span class="p">.</span><span class="nx">repeat</span><span class="p">(</span><span class="mf">2</span><span class="o">*</span><span class="nx">i</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1</span><span class="p">);</span>
+<span class="w">   </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">linea</span><span class="p">);</span>
+<span class="p">}</span>
+</pre></div>
+</div>
+</li>
 </ol>
 </section>
 </section>

docs/_sources/99.ejercicios/80-js-basico.rst.txt

@@ -112,5 +112,31 @@ Medios
    y, dada la fecha de nacimiento de una persona, haga un programa que determine
    si es o no mayor de edad.
 
+#. Dada una lista de números, devuelva otra que excluya los números mayores al último.
+
 #. Tome diez números naturales entre 1 y 40 al azar y calcule la suma y el
    producto de todos ellos.
+
+#. Dado un número natural N, construya una pirámide de N niveles. Por ejemplo, para 4:
+
+   .. code-block:: none
+
+         x
+        xxx
+       xxxxx
+      xxxxxxx
+
+
+   .. rst-class:: sol-oculta
+
+   .. code-block:: javascript
+
+      "use strict";
+
+      const n = 6; // Altura de la pirámide
+
+      console.log(`Pirámide de altura ${n}:`)
+      for(let i = 0; i < 6; i++) {
+         let linea = " ".repeat(n-i-1) + "x".repeat(2*i + 1);
+         console.log(linea);
+      }

docs/searchindex.js

@@ -97,7 +97,7 @@ semánticamente el documento |HTML|.
 
    .. code-block:: html
 
-      <!-- No utilice esta estructura: es un ejemplo de lo se pensó que fuera y no fue -->
+      <!-- No utilice esta estructura: es un ejemplo de lo que se pensó que fuera y no fue -->
       <section>
          <h1 id="mamiferos">Los mamíferos</h1>
          <p>Bla, bla, bla</p>
@@ -126,7 +126,7 @@ semánticamente el documento |HTML|.
    y tampoco llegó a plasmarse nunca en las especificaciones oficiales del |W3C|
    para |HTML|\ 5.
 
-   .. seealso:: Andrian Roselli tiene `un interesantísimo artículo
+   .. seealso:: Adrian Roselli tiene `un interesantísimo artículo
       <https://adrianroselli.com/2016/08/there-is-no-document-outline-algorithm.html>`_
       sobre cómo, en realidad, a pesar de los múltiples intentos, nunca ha habido
       en |HTML| un algoritmo para la estructuración del documento basado en
@@ -178,7 +178,7 @@ semánticamente el documento |HTML|.
             1.1.2 Los felinos
          1.2 Los reptiles
 
-   Además, se recomienda que sólo existan un |h1| en el documento que actúe como
+   Además, se recomienda que sólo exista un |h1| en el documento que actúe como
    su título.
 
    Así, pues, ¿para qué sirve |section|? Desde luego, no para estructurar el

source/06.html/07.struct.rst

@@ -24,7 +24,7 @@ corre en él, asociada al documento, lleve a cabo alguna tarea. Por ejemplo:
 
 Nuestra intención es conocer cómo se construyen estos formularios sin
 preocuparnos de la acción que desencadenan, puesto que el primer ejemplo
-requiere de programación con Javascript_ en el lado del cliente, y el segundo
+requiere de programación con Javascript_ en el lado del cliente, y el segundo,
 programación con algún lenguaje de programación apropiado\ [#]_.
 
 Como curiosidad, más histórica que otra cosa, los campos de formulario siempre
@@ -69,7 +69,7 @@ determina qué hacer con los datos recabados.
       |              | | dialog   | | El formulario se asocia a un elemento |dialog|.|
       +--------------+------------+--------------------------------------------------+
       | name         | nombre     | Nombre del formulario. Útil en algunas           |
-      |              |            | ocasiones. en |HTML|\ 5 se prefiere el uso       |
+      |              |            | ocasiones. En |HTML|\ 5 se prefiere el uso       |
       |              |            | del atributo *id*.                               |
       +--------------+------------+--------------------------------------------------+
       | target       | valor      | Con igual significado que el atributo            |
@@ -81,7 +81,7 @@ determina qué hacer con los datos recabados.
       |              |            | automáticamente los campos de texto              |
       |              |            | atendiendo a los criterios que tenga             |
       |              |            | establecidos (p.e. valores previos               |
-      |              |            | instroducido en campos con el mismo nombre).     |
+      |              |            | introducidos en campos con el mismo nombre).     |
       +--------------+------------+--------------------------------------------------+
 
    Los principales atributos del elemento son *action* y *method*, aunque el
@@ -146,12 +146,12 @@ son:
       +--------------+----------+-----------------------------------------------+
       | autocomplete | off|on   | Permite al navegador autocompletar este campo |
       |              |          | de manera análoga al atributo de |form| que   |
-      |              |          | se aplica sobre en general sobre todos los    |
-      |              |          | campos del formulario.                        |
+      |              |          | se aplica en general sobre todos los campos   |
+      |              |          | del formulario.                               |
       +--------------+----------+-----------------------------------------------+
       | autofocus    | \-       | Atrae hacia sí el foco. Por tanto, debería    |
-      |              |          | este atributo aquel campo que queremos que    |
-      |              |          | sea el primero en rellenar el usuario.        |
+      |              |          | tener este atributo aquel campo que queremos  |
+      |              |          | que sea el primero en rellenar el usuario.    |
       +--------------+----------+-----------------------------------------------+
       | disabled     | \-       | Deshabilita el campo. Comúnmente se añade     |
       |              |          | con intención de que alguna acción de usuario |
@@ -165,7 +165,7 @@ son:
       |              |          | predefinidos para sugerir al usuario.         | 
       +--------------+----------+-----------------------------------------------+
       | name         | nombre   | Nombre identificativo del campo usado cuando  |
-      |              |          | se envia al servidor.                         |
+      |              |          | se envía al servidor.                         |
       +--------------+----------+-----------------------------------------------+
       | pattern\ [#]_| regexp   | :ref:`Expresión regular <linux:regex>` con    |
       |              |          | la que debe concordar                         |
@@ -224,7 +224,7 @@ son:
       Sin embargo, no debe ser así, puesto que la semántica es importante y,
       además, el tipo puede provocar cambios en el comportamiento del navegador.
       Por ejemplo, cuando el tipo es numérico, no es posible escribir letras
-      aunque se pulsen y, en el caso de ser un el dispositivo un teléfono móvil,
+      aunque se pulsen y, en el caso de ser el dispositivo un teléfono móvil,
       aparecerá un teclado numérico exclusivamente.
 
    Ejemplo:

source/06.html/08.form.rst

@@ -112,5 +112,31 @@ Medios
    y, dada la fecha de nacimiento de una persona, haga un programa que determine
    si es o no mayor de edad.
 
+#. Dada una lista de números, devuelva otra que excluya los números mayores al último.
+
 #. Tome diez números naturales entre 1 y 40 al azar y calcule la suma y el
    producto de todos ellos.
+
+#. Dado un número natural N, construya una pirámide de N niveles. Por ejemplo, para 4:
+
+   .. code-block:: none
+
+         x
+        xxx
+       xxxxx
+      xxxxxxx
+
+
+   .. rst-class:: sol-oculta
+
+   .. code-block:: javascript
+
+      "use strict";
+
+      const n = 6; // Altura de la pirámide
+
+      console.log(`Pirámide de altura ${n}:`)
+      for(let i = 0; i < 6; i++) {
+         let linea = " ".repeat(n-i-1) + "x".repeat(2*i + 1);
+         console.log(linea);
+      }

source/99.ejercicios/80-js-basico.rst

@@ -0,0 +1,69 @@
+/**
+ * @file Calcula el área de un rectánguloa partir de sus dos lados.
+ * @author José Miguel Sánchez Alés <jsanale860@g.educaand.es>
+ */
+
+/**
+ * Controla si se genera una entrada alteatoria o no.
+ * @type {boolean}
+ */
+const aleatorio = true;
+
+/**
+ * Límite inferior predefinido para generar aleatorios.
+ * @type {number}
+ */
+const MIN = 1,
+/**
+ * Límite superior predefinido para generar aleatorios.
+ * @type {number}
+ */
+      MAX = 50;
+
+/**
+ * Ancho predeterminado.
+ * @type {number}
+ */
+const ANCHO =  15,
+/**
+ * Alto predeterminado.
+ * @type {number}
+ */
+      ALTO  =  20;
+
+
+/**
+ * Genera un entero aleatorio entre un límite inferior
+ * y un límite superior
+ *
+ * @param {number} min - El límite inferior.
+ * @param {number} max - El límite superior.
+ * 
+ * @example
+ * // Devuelve un entero entre 0 y 10 (ambos inclusive)
+ * generarAleatorio(0, 10);
+ * 
+ * @returns {number} - El entero aleatorio.
+ */
+function generarAleatorio(min, max) {
+    return Math.round(Math.random()*(max - min)) + min;
+}
+
+/**
+ * Calcula el área de un rectángulo.
+ * @param {number} alto - Longitud de su altura.
+ * @param {number} ancho     - Longitud de su anchura.
+ * 
+ * @example
+ * areaRectangulo(2, 6); // Devuelve 12
+ * 
+ * @returns {number} - El área.
+ */
+function areaRectangulo(alto, ancho) {
+    return ancho*alto;
+}
+
+const ancho = aleatorio?generarAleatorio(MIN, MAX):ANCHO,
+      alto  =  aleatorio?generarAleatorio(MIN, MAX):ALTO;
+
+console.log(`El area de un rectángulo de ${ancho}x${alto} es ${areaRectangulo(ancho, alto)}.`);

source/99.ejercicios/soluciones/JS/ejS01.js

@@ -0,0 +1,72 @@
+"use strict";
+
+/**
+ * @file Calcula la hipotenusa de un triángulo rectángulo a partir
+ * de dos catetos.
+ * @author José Miguel Sánchez Alés <jsanale860@g.educaand.es>
+ */
+
+/**
+ * Controla si se genera una entrada alteatoria o no.
+ * @type {boolean}
+ */
+const aleatorio = true;
+
+/**
+ * Límite inferior predefinido para generar aleatorios.
+ * @type {number}
+ */
+const MIN = 1,
+/**
+ * Límite superior predefinido para generar aleatorios.
+ * @type {number}
+ */
+      MAX = 50;
+
+/**
+ * Longitud predeterminada del primer cateto.
+ * @type {number}
+ */
+const A =  15,
+/**
+ * Longitud predeterminada del segundo cateto.
+ * @type {number}
+ */
+      B  =  20;
+
+
+/**
+ * Genera un entero aleatorio entre un límite inferior
+ * y un límite superior
+ *
+ * @param {number} min - El límite inferior.
+ * @param {number} max - El límite superior.
+ * 
+ * @example
+ * // Devuelve un entero entre 0 y 10 (ambos inclusive)
+ * generarAleatorio(0, 10);
+ * 
+ * @returns {number} - El entero aleatorio.
+ */
+function generarAleatorio(min, max) {
+    return Math.round(Math.random()*(max - min)) + min;
+}
+
+/**
+ * Calcula la hipotenusa usando el teorema de Pitágoras.
+ * @param {number} a - La longitud del primer cateto.
+ * @param {number} b - La longitud del segundo.
+ * 
+ * @example
+ * calcularHipotenusa(3, 4);  // Devuelve 5.
+ * 
+ * @returns {number} - La longitud de la hipotenusa.
+ */
+function calcularHipotenusa(a, b) {
+    return Math.sqrt(a**2 + b**2);
+}
+
+const a = aleatorio?generarAleatorio(MIN, MAX):A,
+      b =  aleatorio?generarAleatorio(MIN, MAX):B;
+
+console.log(`El area de un rectángulo de ${a}x${b} es ${calcularHipotenusa(a, b).toFixed(3)}.`);