Ajusta el tamaño de la Fuente

* Ajusta el tamaño de la Fuente

PHP (Hypertext Preprocessor) es un lenguaje de programación de código abierto, ampliamente utilizado para el desarrollo web del lado del servidor. Su flexibilidad y facilidad de integración con HTML lo convierten en una opción popular para crear sitios web dinámicos e interactivos. Introducido en 1994 por Rasmus Lerdorf, PHP ha evolucionado significativamente, agregando numerosas funcionalidades y mejorando su rendimiento.

CODE

 <h1>Ajusta el tamaño de la Fuente</h1>       
        <button onclick="decreaseFontSize()">-</button>
        <input type="number" id="fontSize" value="16" placeholder="Font size">
        <button onclick="increaseFontSize()">+</button>
        <p style="margin:0;"><small>* Ajusta el tamaño de la Fuente</small></p>
        
   <p id="text"><span class="intro">PHP (Hypertext Preprocessor) es un lenguaje de programación de 
   código abierto, ampliamente utilizado para el desarrollo web del lado del servidor.</p>     
<script>

   function increaseFontSize() {
     var currentSize = parseInt(document.getElementById("fontSize").value);
          document.getElementById("fontSize").value = currentSize + 1;
          resizeText();
   }       
   function decreaseFontSize() {
     var currentSize = parseInt(document.getElementById("fontSize").value);
     if (currentSize > 1) {
         document.getElementById("fontSize").value = currentSize - 1;
         resizeText();
      }
   }       
   function resizeText() {
     var newSize = document.getElementById("fontSize").value;
         document.getElementById("text").style.fontSize = newSize + "px";
   }
</script>