Añade dos ejercicios más a Javascript y DOM

José Miguel Sánchez Alés · José Miguel Sánchez Alés · commit c3cdab41d91a · 2024-05-14T07:19:16.000+02:00
diff --git a/docs/99.ejercicios/64.html-form.html b/docs/99.ejercicios/64.html-form.html
@@ -77,7 +77,7 @@ <h3>Navegación</h3>
           <div class="body" role="main">
             
   <section id="html-formularios">
-<h1><abbr title="HyperText Markup Language">HTML</abbr>: Formularios<a class="headerlink" href="#html-formularios" title="Enlace permanente a este encabezado">¶</a></h1>
+<span id="ej-html-form"></span><h1><abbr title="HyperText Markup Language">HTML</abbr>: Formularios<a class="headerlink" href="#html-formularios" title="Enlace permanente a este encabezado">¶</a></h1>
 <ol class="arabic">
 <li><p>Escriba una página <abbr title="HyperText Markup Language">HTML</abbr> que contenga un formulario
 con los siguientes campos agrupados en dos categorías:</p>
diff --git a/docs/99.ejercicios/80-js-basico.html b/docs/99.ejercicios/80-js-basico.html
@@ -79,7 +79,7 @@ <h3>Navegación</h3>
   <section id="javascript-sintaxis">
 <h1>Javascript: Sintaxis<a class="headerlink" href="#javascript-sintaxis" title="Enlace permanente a este encabezado">¶</a></h1>
 <section id="minimos">
-<h2>Mínimos<a class="headerlink" href="#minimos" title="Enlace permanente a este encabezado">¶</a></h2>
+<span id="ej-js-basicos"></span><h2>Mínimos<a class="headerlink" href="#minimos" title="Enlace permanente a este encabezado">¶</a></h2>
 <p>Realice los siguientes ejercicios en Javascript, atendiendo a los siguientes
 principios:</p>
 <blockquote>
@@ -196,7 +196,7 @@ <h2>Mínimos<a class="headerlink" href="#minimos" title="Enlace permanente a est
 </ol>
 </section>
 <section id="medios">
-<h2>Medios<a class="headerlink" href="#medios" title="Enlace permanente a este encabezado">¶</a></h2>
+<span id="ej-js-medios"></span><h2>Medios<a class="headerlink" href="#medios" title="Enlace permanente a este encabezado">¶</a></h2>
 <ol class="arabic">
 <li><p><a class="reference external" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random">Math.random()</a>
 es un método que devuelve un número aleatorio entre 0 y 10. Escriba una
diff --git a/docs/99.ejercicios/81-js-dom.html b/docs/99.ejercicios/81-js-dom.html
@@ -115,6 +115,25 @@ <h1>Javascript y <abbr title="Document Object Model">DOM</abbr><a class="headerl
 incluido dentro de <code class="docutils literal notranslate"><span class="pre">span</span></code>).</p>
 <p class="sol-oculta"><a class="reference download internal" download="" href="../_downloads/0b72028f521aa004f275c8cb18772e9c/DOM03-conmutar.js"><code class="xref download docutils literal notranslate"><span class="pre">Solución</span> <span class="pre">propuesta</span></code></a>.</p>
 </li>
+<li><p>Vuelva a resolver los ejercicios 3 y 6 de la <a class="reference internal" href="80-js-basico.html#ej-js-basicos"><span class="std std-ref">relación básica</span></a>, pero mediante una interfaz <abbr title="HyperText Markup Language">HTML</abbr> para tomar datos y
+mostrar resultados.</p></li>
+<li><p>Tome el formulario creado para el <a class="reference internal" href="64.html-form.html#ej-html-form"><span class="std std-ref">ejercicio de HTML sobre formularios</span></a> y añada Javascript para:</p>
+<ol class="loweralpha simple">
+<li><p>Habilitar el cuadro de texto al marcar la opción de «otras aficiones».</p></li>
+<li><p>Impedir que se envíe el formulario con contraseñas contradictorias. Para
+este apartado han de resolverse tres alternativas diferentes.</p>
+<ol class="lowerroman simple">
+<li><p>Al intentar enviarse el formulario, se formula la queja y no se envía.</p></li>
+<li><p>La comprobación se hace mientras se teclea la segunda contraseña.
+Puede, por ejemplo, mostrar el fondo del input de la segunda contraseña
+en rojo y sólo pasar a verde cuando ambas contraseñas coincidan.
+Además, el formulario no podrá enviarse si no hay coincidencia.</p></li>
+<li><p>Ponga sólo un campo para la contraseña y un icono que permita ver y
+ocultar a voluntad el texto.</p></li>
+</ol>
+</li>
+</ol>
+</li>
 </ol>
 </section>
 
diff --git a/docs/_sources/06.html/08.form.rst.txt b/docs/_sources/06.html/08.form.rst.txt
@@ -1152,7 +1152,7 @@ Ejercicios propuestos
 =====================
 
 .. include:: /99.ejercicios/64.html-form.rst
-   :start-line: 3
+   :start-line: 5
 
 .. rubric:: Notas al pie
 
diff --git a/docs/_sources/99.ejercicios/64.html-form.rst.txt b/docs/_sources/99.ejercicios/64.html-form.rst.txt
@@ -1,3 +1,5 @@
+.. _ej-html-form:
+
 |HTML|: Formularios
 ===================
 
diff --git a/docs/_sources/99.ejercicios/80-js-basico.rst.txt b/docs/_sources/99.ejercicios/80-js-basico.rst.txt
@@ -1,6 +1,8 @@
 Javascript: Sintaxis
 ====================
 
+.. _ej-js-basicos:
+
 Mínimos
 -------
 Realice los siguientes ejercicios en Javascript, atendiendo a los siguientes
@@ -117,6 +119,8 @@ principios:
 
       :download:`Solución propuesta </99.ejercicios/soluciones/JS/ejS01.js>`
 
+.. _ej-js-medios:
+
 Medios
 ------
 
diff --git a/docs/_sources/99.ejercicios/81-js-dom.rst.txt b/docs/_sources/99.ejercicios/81-js-dom.rst.txt
@@ -43,5 +43,24 @@ Javascript y |DOM|
 
       :download:`Solución propuesta <soluciones/JS/DOM03-conmutar.js>`.
 
+#. Vuelva a resolver los ejercicios 3 y 6 de la :ref:`relación básica
+   <ej-js-basicos>`, pero mediante una interfaz |HTML| para tomar datos y
+   mostrar resultados.
+
+#. Tome el formulario creado para el :ref:`ejercicio de HTML sobre formularios
+   <ej-html-form>` y añada Javascript para:
+
+   a. Habilitar el cuadro de texto al marcar la opción de "otras aficiones".
+   #. Impedir que se envíe el formulario con contraseñas contradictorias. Para
+      este apartado han de resolverse tres alternativas diferentes.
+
+      i. Al intentar enviarse el formulario, se formula la queja y no se envía.
+      #. La comprobación se hace mientras se teclea la segunda contraseña.
+         Puede, por ejemplo, mostrar el fondo del input de la segunda contraseña
+         en rojo y sólo pasar a verde cuando ambas contraseñas coincidan.
+         Además, el formulario no podrá enviarse si no hay coincidencia.
+      #. Ponga sólo un campo para la contraseña y un icono que permita ver y
+         ocultar a voluntad el texto.
+   
 .. |AJAX| replace:: :abbr:`AJAX (Asynchronous JavaScript and XML)`
 .. |DOM| replace:: :abbr:`DOM (Document Object Model)`
diff --git a/docs/objects.inv b/docs/objects.inv
diff --git a/docs/searchindex.js b/docs/searchindex.js
diff --git a/source/06.html/08.form.rst b/source/06.html/08.form.rst
@@ -1152,7 +1152,7 @@ Ejercicios propuestos
 =====================
 
 .. include:: /99.ejercicios/64.html-form.rst
-   :start-line: 3
+   :start-line: 5
 
 .. rubric:: Notas al pie
 
diff --git a/source/99.ejercicios/64.html-form.rst b/source/99.ejercicios/64.html-form.rst
@@ -1,3 +1,5 @@
+.. _ej-html-form:
+
 |HTML|: Formularios
 ===================
 
diff --git a/source/99.ejercicios/80-js-basico.rst b/source/99.ejercicios/80-js-basico.rst
@@ -1,6 +1,8 @@
 Javascript: Sintaxis
 ====================
 
+.. _ej-js-basicos:
+
 Mínimos
 -------
 Realice los siguientes ejercicios en Javascript, atendiendo a los siguientes
@@ -117,6 +119,8 @@ principios:
 
       :download:`Solución propuesta </99.ejercicios/soluciones/JS/ejS01.js>`
 
+.. _ej-js-medios:
+
 Medios
 ------
 
diff --git a/source/99.ejercicios/81-js-dom.rst b/source/99.ejercicios/81-js-dom.rst
@@ -43,5 +43,24 @@ Javascript y |DOM|
 
       :download:`Solución propuesta <soluciones/JS/DOM03-conmutar.js>`.
 
+#. Vuelva a resolver los ejercicios 3 y 6 de la :ref:`relación básica
+   <ej-js-basicos>`, pero mediante una interfaz |HTML| para tomar datos y
+   mostrar resultados.
+
+#. Tome el formulario creado para el :ref:`ejercicio de HTML sobre formularios
+   <ej-html-form>` y añada Javascript para:
+
+   a. Habilitar el cuadro de texto al marcar la opción de "otras aficiones".
+   #. Impedir que se envíe el formulario con contraseñas contradictorias. Para
+      este apartado han de resolverse tres alternativas diferentes.
+
+      i. Al intentar enviarse el formulario, se formula la queja y no se envía.
+      #. La comprobación se hace mientras se teclea la segunda contraseña.
+         Puede, por ejemplo, mostrar el fondo del input de la segunda contraseña
+         en rojo y sólo pasar a verde cuando ambas contraseñas coincidan.
+         Además, el formulario no podrá enviarse si no hay coincidencia.
+      #. Ponga sólo un campo para la contraseña y un icono que permita ver y
+         ocultar a voluntad el texto.
+   
 .. |AJAX| replace:: :abbr:`AJAX (Asynchronous JavaScript and XML)`
 .. |DOM| replace:: :abbr:`DOM (Document Object Model)`

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+.. _ej-html-form:`
	`2`	`+`
`1`	`3`	`\|HTML\|: Formularios`
`2`	`4`	`===================`
`3`	`5`