Para facilitar la realización de los ejercicios, se proporcionan unas plantillas de los ejercicios Sesiones (1) (Sesiones).
Puede consultar unas posibles soluciones de estos ejercicios. Si lo prefiere, puede descargar unas posibles soluciones completas de estos ejercicios.
Nota:
Escriba un programa de dos páginas que solicite un texto al usuario y lo muestre en las dos páginas.
Modifique el programa anterior de manera que la segunda página no muestre ningún mensaje, sino que redirija a la primera.
Modifique el programa anterior de manera que:
Modifique el programa anterior de manera que haya dos controles:
Escriba un programa de dos páginas que muestre un valor numérico y permita subirlo o bajarlo mediante dos botones.
<p>
<button type="submit" name="accion" value="bajar" style="font-size: 4rem">-</button>
<span style="font-size: 4rem">0</span>
<button type="submit" name="accion" value="subir" style="font-size: 4rem">+</button>
</p>
Escriba un programa de dos páginas que muestre un punto sobre una línea y permita moverlo a derecha o izquierda mediante dos botones.
<th>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
width="600" height="20" viewBox="-300 0 600 20">
<line x1="-300" y1="10" x2="300" y2="10" stroke="black" stroke-width="5" />
<circle cx="0" cy="10" r="8" fill="red" />
</svg>
</th>
Escriba un programa de dos páginas que muestre un punto en un cuadrado y permita moverlo en vertical u horizontal mediante cuatro botones.
<td>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
width="400" height="400" viewBox="-200 -200 400 400" style="border: black 2px solid">
<circle cx="0" cy="0" r="8" fill="red" />
</svg>
</td>
Escriba un programa de dos páginas que muestre gráficamente los votos recogidos por dos opciones.
<tr>
<td style="vertical-align: top;"><button type="submit" name="accion" value="a" style="font-size: 60px; line-height: 50px; color: hwb(200 0% 0%);">✔</button></td>
<td>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
width="30" height="50">
<line x1="0" y1="25" x2="30" y2="25" stroke="hwb(200 0% 0%)" stroke-width="50" />
</svg>
</td>
</tr>
<tr>
<td><button type="submit" name="accion" value="b" style="font-size: 60px; line-height: 50px; color: hwb(35 0% 0%)">✔</button></td>
<td>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
width="40" height="50">
<line x1="0" y1="25" x2="40" y2="25" stroke="hwb(35 0% 0%)" stroke-width="50" />
</svg>
</td>
</tr>