select2.html

  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <meta charset="UTF-8">
  4. <title>Select 2</title>
  5. function iniciar() {
  6. const select = document.querySelector('#tamaño');
  7. const parrafo = document.querySelector('#chiquito');
  8.  
  9. // Añadir todos los <option> al <select>
  10. const puntos = [ 6,8,10,12,14,16,18,24,36 ];
  11. for (const p of puntos) {
  12. const option = document.createElement('option');
  13. option.textContent = p+' puntos';
  14. option.setAttribute('value', p+'pt');
  15. select.appendChild(option);
  16. }
  17.  
  18. // Valor predeterminado
  19. select.value = '12pt';
  20. parrafo.style.fontSize = '12pt';
  21. }
  22. function cambiarTamaño(select) {
  23. const parrafo = document.querySelector('#chiquito');
  24. parrafo.style.fontSize = select.value;
  25. }
  26. </script>
  27. </head>
  28. <body onload="iniciar()">
  29. <h1>Select 2</h1>
  30. <p>
  31. <label>Tamaño de letra:</label>
  32. <select id="tamaño" onchange="cambiarTamaño(this)"></select>
  33. </p>
  34. <p id="chiquito">
  35. Lorem fistrum no te digo trigo por no llamarte Rodrigor
  36. a gramenawer caballo blanco caballo negroorl la caidita
  37. va usté muy cargadoo hasta luego Lucas pupita está la cosa
  38. muy malar a peich diodenoo. Diodeno te voy a borrar el cerito
  39. no te digo trigo por no llamarte Rodrigor me cago en tus muelas.
  40. Condemor a wan la caidita por la gloria de mi madre quietooor
  41. te va a hasé pupitaa. Ese pedazo de de la pradera pupita va
  42. usté muy cargadoo la caidita torpedo no puedor a gramenawer.
  43. Torpedo te voy a borrar el cerito pupita la caidita ese pedazo
  44. de por la gloria de mi madre ese que llega va usté muy cargadoo
  45. está la cosa muy malar te va a hasé pupitaa hasta luego Lucas.
  46. </p>
  47. </body>
  48. </html>

Proinf.net