Añade dos ejercicios más de Javascript

Author: José Miguel Sánchez Alés

docs/06.html/07.struct.html

@@ -175,7 +175,7 @@ <h3>Navegación</h3>
 <span id="index-1"></span><dl id="html-section">
 <dt><strong>section</strong> (<a class="reference external" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section#technical_summary">section</a>)</dt><dd><p>El elemento nació en <abbr title="HyperText Markup Language">HTML</abbr>5 con la intención de <em>estructurar semánticamente</em> el
 contenido del documento de esta forma:</p>
-<div class="highlight-html notranslate"><div class="highlight"><pre><span></span><span class="cm">&lt;!-- No utilice esta estructura: es un ejemplo de lo se pensó que fuera y no fue --&gt;</span>
+<div class="highlight-html notranslate"><div class="highlight"><pre><span></span><span class="cm">&lt;!-- No utilice esta estructura: es un ejemplo de lo que se pensó que fuera y no fue --&gt;</span>
 <span class="p">&lt;</span><span class="nt">section</span><span class="p">&gt;</span>
    <span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;mamiferos&quot;</span><span class="p">&gt;</span>Los mamíferos<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
    <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Bla, bla, bla<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
@@ -204,7 +204,7 @@ <h3>Navegación</h3>
 para <abbr title="HyperText Markup Language">HTML</abbr>5.</p>
 <div class="admonition seealso">
 <p class="admonition-title">Ver también</p>
-<p>Andrian Roselli tiene <a class="reference external" href="https://adrianroselli.com/2016/08/there-is-no-document-outline-algorithm.html">un interesantísimo artículo</a>
+<p>Adrian Roselli tiene <a class="reference external" href="https://adrianroselli.com/2016/08/there-is-no-document-outline-algorithm.html">un interesantísimo artículo</a>
 sobre cómo, en realidad, a pesar de los múltiples intentos, nunca ha habido
 en <abbr title="HyperText Markup Language">HTML</abbr> un algoritmo para la estructuración del documento basado en
 <a class="reference internal" href="#html-section"><span class="std std-ref">&lt;section&gt;</span></a> y un elemento único de cabecera (en el ejemplo la  combinación
@@ -249,7 +249,7 @@ <h3>Navegación</h3>
    1.2 Los reptiles
 </pre></div>
 </div>
-<p>Además, se recomienda que sólo existan un <a class="reference internal" href="04.basico.html#html-h1"><span class="std std-ref">&lt;h1&gt;</span></a> en el documento que actúe como
+<p>Además, se recomienda que sólo exista un <a class="reference internal" href="04.basico.html#html-h1"><span class="std std-ref">&lt;h1&gt;</span></a> en el documento que actúe como
 su título.</p>
 <p>Así, pues, ¿para qué sirve <a class="reference internal" href="#html-section"><span class="std std-ref">&lt;section&gt;</span></a>? Desde luego, no para estructurar el
 documento, que fue para lo que se ideó. En opinión de <a class="reference external" href="https://brucelawson.co.uk/">Bruce Lawson</a> en su artículo <a class="reference external" href="https://www.smashingmagazine.com/2020/01/html5-article-section/">Why You Should Choose HTML5

docs/06.html/08.form.html

@@ -99,7 +99,7 @@ <h1><span class="section-number">6.7. </span>Formularios<a class="headerlink" hr
 </ul>
 <p>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 <a class="reference external" href="https://es.wikipedia.org/wiki/JavaScript">Javascript</a> en el lado del cliente, y el segundo
+requiere de programación con <a class="reference external" href="https://es.wikipedia.org/wiki/JavaScript">Javascript</a> en el lado del cliente, y el segundo,
 programación con algún lenguaje de programación apropiado<a class="footnote-reference brackets" href="#id7" id="id1" role="doc-noteref"><span class="fn-bracket">[</span>1<span class="fn-bracket">]</span></a>.</p>
 <p>Como curiosidad, más histórica que otra cosa, los campos de formulario siempre
 fueron unos de los elemenos <abbr title="HyperText Markup Language">HTML</abbr> para los que más código <em>Javascript</em> se
@@ -149,7 +149,7 @@ <h2><span class="section-number">6.7.1. </span>Declaración del formulario<a cla
 <tr class="row-odd"><td><p>name</p></td>
 <td><p>nombre</p></td>
 <td><p>Nombre del formulario. Útil en algunas
-ocasiones. en <abbr title="HyperText Markup Language">HTML</abbr>5 se prefiere el uso
+ocasiones. En <abbr title="HyperText Markup Language">HTML</abbr>5 se prefiere el uso
 del atributo <em>id</em>.</p></td>
 </tr>
 <tr class="row-even"><td><p>target</p></td>
@@ -167,7 +167,7 @@ <h2><span class="section-number">6.7.1. </span>Declaración del formulario<a cla
 automáticamente los campos de texto
 atendiendo a los criterios que tenga
 establecidos (p.e. valores previos
-instroducido en campos con el mismo nombre).</p></td>
+introducidos en campos con el mismo nombre).</p></td>
 </tr>
 </tbody>
 </table>
@@ -231,14 +231,14 @@ <h2><span class="section-number">6.7.2. </span>Introducción manual de datos<a c
 <td><p>off|on</p></td>
 <td><p>Permite al navegador autocompletar este campo
 de manera análoga al atributo de <a class="reference internal" href="#html-form"><span class="std std-ref">&lt;form&gt;</span></a> que
-se aplica sobre en general sobre todos los
-campos del formulario.</p></td>
+se aplica en general sobre todos los campos
+del formulario.</p></td>
 </tr>
 <tr class="row-even"><td><p>autofocus</p></td>
 <td><p>-</p></td>
 <td><p>Atrae hacia sí el foco. Por tanto, debería
-este atributo aquel campo que queremos que
-sea el primero en rellenar el usuario.</p></td>
+tener este atributo aquel campo que queremos
+que sea el primero en rellenar el usuario.</p></td>
 </tr>
 <tr class="row-odd"><td><p>disabled</p></td>
 <td><p>-</p></td>
@@ -260,7 +260,7 @@ <h2><span class="section-number">6.7.2. </span>Introducción manual de datos<a c
 <tr class="row-even"><td><p>name</p></td>
 <td><p>nombre</p></td>
 <td><p>Nombre identificativo del campo usado cuando
-se envia al servidor.</p></td>
+se envía al servidor.</p></td>
 </tr>
 <tr class="row-odd"><td><p>pattern<a class="footnote-reference brackets" href="#id10" id="id4" role="doc-noteref"><span class="fn-bracket">[</span>4<span class="fn-bracket">]</span></a></p></td>
 <td><p>regexp</p></td>
@@ -341,7 +341,7 @@ <h2><span class="section-number">6.7.2. </span>Introducción manual de datos<a c
 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.</p>
 </div>
 <p>Ejemplo:</p>

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

@@ -185,6 +185,12 @@ <h2>Medios<a class="headerlink" href="#medios" title="Enlace permanente a este e
 necesarias y cuál fue el resultado (1-1, 2-2, etc.).</p></li>
 <li><p>A partir de un número, obtenga otro número que sea la inversión de sus
 cifras. Por ejemplo, si el número inicial es 321, deberá resultar 123.</p></li>
+<li><p>Cree una función llamada <code class="docutils literal notranslate"><span class="pre">indexOf_N</span></code> que busque en un array la aparición
+n-ésima de un determinado valor. Por ejemplo, para el array <code class="code docutils literal notranslate"><span class="pre">[</span> <span class="pre">&quot;a&quot;,</span>
+<span class="pre">&quot;b&quot;,</span> <span class="pre">&quot;a&quot;,</span> <span class="pre">&quot;c&quot;,</span> <span class="pre">&quot;d&quot;,</span> <span class="pre">&quot;a&quot;,</span> <span class="pre">&quot;e&quot;]</span></code>, si se busca la tercera aparición de «a» debe
+devolver 5. El primer argumento de la función  debe ser el array, el segundo
+el valor a buscar y el tercero el número de aparición.</p></li>
+<li><p>Escriba un función que determine si un número es capicúa.</p></li>
 <li><p>Una cooperativa de viticultores paga el precio de la uva dependiendo del tipo de uva
 (tempranillo, palomino, etc) y de su calibre (1, 2 ó 3). Escriba un
 algoritmo para determinar el pago que debe recibir un agricultor dependiendo

docs/_sources/06.html/07.struct.rst.txt

@@ -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

docs/_sources/06.html/08.form.rst.txt

@@ -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:

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

@@ -95,6 +95,14 @@ Medios
 #. A partir de un número, obtenga otro número que sea la inversión de sus
    cifras. Por ejemplo, si el número inicial es 321, deberá resultar 123.
 
+#. Cree una función llamada ``indexOf_N`` que busque en un array la aparición
+   n-ésima de un determinado valor. Por ejemplo, para el array :code:`[ "a",
+   "b", "a", "c", "d", "a", "e"]`, si se busca la tercera aparición de "a" debe
+   devolver 5. El primer argumento de la función  debe ser el array, el segundo
+   el valor a buscar y el tercero el número de aparición.
+
+#. Escriba un función que determine si un número es capicúa.
+
 #. Una cooperativa de viticultores paga el precio de la uva dependiendo del tipo de uva
    (tempranillo, palomino, etc) y de su calibre (1, 2 ó 3). Escriba un
    algoritmo para determinar el pago que debe recibir un agricultor dependiendo

docs/objects.inv

@@ -95,6 +95,14 @@ Medios
 #. A partir de un número, obtenga otro número que sea la inversión de sus
    cifras. Por ejemplo, si el número inicial es 321, deberá resultar 123.
 
+#. Cree una función llamada ``indexOf_N`` que busque en un array la aparición
+   n-ésima de un determinado valor. Por ejemplo, para el array :code:`[ "a",
+   "b", "a", "c", "d", "a", "e"]`, si se busca la tercera aparición de "a" debe
+   devolver 5. El primer argumento de la función  debe ser el array, el segundo
+   el valor a buscar y el tercero el número de aparición.
+
+#. Escriba un función que determine si un número es capicúa.
+
 #. Una cooperativa de viticultores paga el precio de la uva dependiendo del tipo de uva
    (tempranillo, palomino, etc) y de su calibre (1, 2 ó 3). Escriba un
    algoritmo para determinar el pago que debe recibir un agricultor dependiendo

docs/searchindex.js

@@ -0,0 +1,85 @@
+"use strict";
+
+/**
+ * @file Realiza un operación al azar con dos operadores.
+ * @author José Miguel Sánchez Alés <jsanale860@g.educaand.es>
+ */
+
+/**
+ * Controla si se genera una entrada alteatoria o no.
+ * @type {boolean}
+ */
+const aleatorio = false;
+
+/**
+ * Operaciones disponibles
+ * @type {Array}
+ */
+const OPERACIONES = ['+', '-', '*', '/', '%']
+
+/**
+ * Límite inferior predefinido para generar aleatorios.
+ * @type {number}
+ */
+const MIN = 1,
+/**
+ * Límite superior predefinido para generar aleatorios.
+ * @type {number}
+ */
+      MAX = 100;
+
+/**
+ * Primer operando predeterminado.
+ * @type {number}
+ */
+const A =  15,
+/**
+ * Segundo operando predeterminado.
+ * @type {number}
+ */
+      B  =  5
+
+
+/**
+ * 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;
+}
+
+const a = aleatorio?generarAleatorio(MIN, MAX):A,
+      b =  aleatorio?generarAleatorio(MIN, MAX):B;
+
+const operacion = OPERACIONES[generarAleatorio(0, OPERACIONES.length - 1)];
+
+let resultado;
+
+switch(operacion) {
+    case '+':
+        resultado = a + b;
+        break;
+    case '-':
+        resultado = a - b;
+        break;
+    case '*':
+        resultado = a * b;
+        break;
+    case '/':
+        resultado = a / b;
+        break;
+    case '%':
+        resultado  = a % b;
+        break;
+}
+
+console.log(`El resultado de ${a} ${operacion} ${b} es ${resultado}`);

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

@@ -0,0 +1,63 @@
+"use strict";
+
+/**
+ * @file Determina si un año es bisiesto o no.
+ * @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 = 3212;
+
+/**
+ * Año predeterminado para hacer el cálculo
+ * @type {number}
+ */
+const ANHO =  1999;
+
+/**
+ * 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 si un año es o no bisiesto.
+ * @param {number} anho - Año a determinar.
+ * 
+ * @example
+ * esBisiesto(2000);  // Devuelve true.
+ * 
+ * @returns {boolean}
+ */
+function esBisiesto(anho) {
+   return anho % 4 === 0 && (anho % 100 != 0 || anho % 400 === 0);
+}
+
+const anho = aleatorio?generarAleatorio(MIN, MAX):ANHO;
+
+console.log(`El año ${anho} ${esBisiesto(anho)?"":"no "}es bisiesto`);