casilla2.html

  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <meta charset="UTF-8">
  4. <title>Casilla 2</title>
  5. function cambiar(input) {
  6. const parrafo = document.querySelector('#chiquito');
  7. switch (input.id) {
  8. case 'negrita':
  9. parrafo.style.fontWeight = input.checked? 'bold' : 'normal';
  10. break;
  11. case 'cursiva':
  12. parrafo.style.fontStyle = input.checked? 'italic' : 'normal';
  13. break;
  14. case 'subrayado':
  15. parrafo.style.textDecoration = input.checked? 'underline' : '';
  16. break;
  17. case 'mayusculas':
  18. parrafo.style.textTransform = input.checked? 'uppercase' : '';
  19. break;
  20. }
  21. }
  22. </script>
  23. </head>
  24. <h1>Casilla de verificación 2</h1>
  25. <p>
  26. <input type="checkbox"
  27. id="negrita"
  28. onchange="cambiar(this)">Negrita
  29. </label>
  30. <input type="checkbox"
  31. id="cursiva"
  32. onchange="cambiar(this)">Cursiva
  33. </label>
  34. <input type="checkbox"
  35. id="subrayado"
  36. onchange="cambiar(this)">Subrayado
  37. </label>
  38. <input type="checkbox"
  39. id="mayusculas"
  40. onchange="cambiar(this)">Mayúsculas
  41. </label>
  42. </p>
  43. <p id="chiquito">
  44. Lorem fistrum no te digo trigo por no llamarte Rodrigor ahorarr qué dise usteer a wan al ataquerl la caidita. Ahorarr va usté muy cargadoo a wan te voy a borrar el cerito te va a hasé pupitaa pecador fistro mamaar a wan la caidita. No puedor qué dise usteer diodenoo a peich. Mamaar ahorarr ese pedazo de por la gloria de mi madre. A wan te voy a borrar el cerito qué dise usteer condemor te voy a borrar el cerito caballo blanco caballo negroorl no puedor hasta luego Lucas condemor.
  45. </p>
  46. </body>
  47. </html>

Proinf.net