{"id":81,"date":"2025-10-27T04:52:07","date_gmt":"2025-10-27T04:52:07","guid":{"rendered":"https:\/\/rtuyato.com\/?page_id=81"},"modified":"2025-10-27T05:29:50","modified_gmt":"2025-10-27T05:29:50","slug":"app","status":"publish","type":"page","link":"https:\/\/rtuyato.com\/index.php\/app\/","title":{"rendered":"App"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb][et_pb_column _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb type=\u00bb4_4&#8243;][et_pb_heading title=\u00bbAplicativos B\u00e1sicos\u00bb _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; sticky_enabled=\u00bb0&#8243; title_text_align=\u00bbcenter\u00bb title_font_size=\u00bb56px\u00bb][\/et_pb_heading][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_2,1_2&#8243; _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_2&#8243; _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->  .pitagoras-container {<!-- [et_pb_line_break_holder] -->    font-family: Arial, sans-serif;<!-- [et_pb_line_break_holder] -->    background-color: #f9f9f9;<!-- [et_pb_line_break_holder] -->    padding: 25px;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->    max-width: 600px;<!-- [et_pb_line_break_holder] -->    margin: auto;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .pitagoras-container h3 {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    color: #333;<!-- [et_pb_line_break_holder] -->    margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .pitagoras-form {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->    gap: 15px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .pitagoras-form div {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .pitagoras-form label {<!-- [et_pb_line_break_holder] -->    margin-bottom: 5px;<!-- [et_pb_line_break_holder] -->    color: #555;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .pitagoras-form input {<!-- [et_pb_line_break_holder] -->    padding: 10px;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .pitagoras-form button {<!-- [et_pb_line_break_holder] -->    padding: 12px;<!-- [et_pb_line_break_holder] -->    background-color: #007bff;<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    transition: background-color 0.3s;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .pitagoras-form button:hover {<!-- [et_pb_line_break_holder] -->    background-color: #0056b3;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  #resultadoPitagoras {<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->    padding: 15px;<!-- [et_pb_line_break_holder] -->    background-color: #e9ecef;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ced4da;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    font-size: 18px;<!-- [et_pb_line_break_holder] -->    color: #333;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .triangulo-visualizacion {<!-- [et_pb_line_break_holder] -->    margin-top: 30px;<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    width: 300px;<!-- [et_pb_line_break_holder] -->    height: 300px;<!-- [et_pb_line_break_holder] -->    margin-left: auto;<!-- [et_pb_line_break_holder] -->    margin-right: auto;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  #trianguloGrafico {<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    bottom: 0;<!-- [et_pb_line_break_holder] -->    left: 0;<!-- [et_pb_line_break_holder] -->    width: 0;<!-- [et_pb_line_break_holder] -->    height: 0;<!-- [et_pb_line_break_holder] -->    border-bottom: 150px solid #28a745;<!-- [et_pb_line_break_holder] -->    border-left: 150px solid #dc3545;<!-- [et_pb_line_break_holder] -->    transition: all 0.5s ease-in-out;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .etiqueta {<!-- [et_pb_line_break_holder] -->      position: absolute;<!-- [et_pb_line_break_holder] -->      background-color: rgba(255, 255, 255, 0.8);<!-- [et_pb_line_break_holder] -->      padding: 5px;<!-- [et_pb_line_break_holder] -->      border-radius: 3px;<!-- [et_pb_line_break_holder] -->      font-size: 14px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  #etiquetaA {<!-- [et_pb_line_break_holder] -->      bottom: -30px;<!-- [et_pb_line_break_holder] -->      left: 75px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  #etiquetaB {<!-- [et_pb_line_break_holder] -->      bottom: 75px;<!-- [et_pb_line_break_holder] -->      left: -50px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  #etiquetaC {<!-- [et_pb_line_break_holder] -->      bottom: 75px;<!-- [et_pb_line_break_holder] -->      left: 75px;<!-- [et_pb_line_break_holder] -->      transform: rotate(-45deg);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"pitagoras-container\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h3>Calculadora del Teorema de Pit\u00e1goras<\/h3>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"pitagoras-form\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <label for=\"catetoA\">Cateto A:<\/label><!-- [et_pb_line_break_holder] -->      <input type=\"number\" id=\"catetoA\" placeholder=\"Valor del cateto a\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <label for=\"catetoB\">Cateto B:<\/label><!-- [et_pb_line_break_holder] -->      <input type=\"number\" id=\"catetoB\" placeholder=\"Valor del cateto b\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <label for=\"hipotenusa\">Hipotenusa (C):<\/label><!-- [et_pb_line_break_holder] -->      <input type=\"number\" id=\"hipotenusa\" placeholder=\"Valor de la hipotenusa c\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <button onclick=\"calcularPitagoras()\">Calcular<\/button><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"resultadoPitagoras\"><!-- [et_pb_line_break_holder] -->    Ingresa dos valores para calcular el tercero.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"triangulo-visualizacion\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"trianguloGrafico\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"etiquetaA\" class=\"etiqueta\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"etiquetaB\" class=\"etiqueta\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"etiquetaC\" class=\"etiqueta\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  function calcularPitagoras() {<!-- [et_pb_line_break_holder] -->    const catetoAInput = document.getElementById('catetoA');<!-- [et_pb_line_break_holder] -->    const catetoBInput = document.getElementById('catetoB');<!-- [et_pb_line_break_holder] -->    const hipotenusaInput = document.getElementById('hipotenusa');<!-- [et_pb_line_break_holder] -->    const resultadoDiv = document.getElementById('resultadoPitagoras');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const a = parseFloat(catetoAInput.value);<!-- [et_pb_line_break_holder] -->    const b = parseFloat(catetoBInput.value);<!-- [et_pb_line_break_holder] -->    const c = parseFloat(hipotenusaInput.value);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    let resultadoTexto = '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (!isNaN(a) && !isNaN(b) && isNaN(c)) {<!-- [et_pb_line_break_holder] -->      const hipotenusaCalc = Math.sqrt(a * a + b * b);<!-- [et_pb_line_break_holder] -->      hipotenusaInput.value = hipotenusaCalc.toFixed(4);<!-- [et_pb_line_break_holder] -->      resultadoTexto = `La hipotenusa (c) es: ${hipotenusaCalc.toFixed(4)}`;<!-- [et_pb_line_break_holder] -->      actualizarTriangulo(a, b, hipotenusaCalc);<!-- [et_pb_line_break_holder] -->    } else if (!isNaN(a) && isNaN(b) && !isNaN(c)) {<!-- [et_pb_line_break_holder] -->      if (c > a) {<!-- [et_pb_line_break_holder] -->        const catetoBCalc = Math.sqrt(c * c - a * a);<!-- [et_pb_line_break_holder] -->        catetoBInput.value = catetoBCalc.toFixed(4);<!-- [et_pb_line_break_holder] -->        resultadoTexto = `El cateto b es: ${catetoBCalc.toFixed(4)}`;<!-- [et_pb_line_break_holder] -->        actualizarTriangulo(a, catetoBCalc, c);<!-- [et_pb_line_break_holder] -->      } else {<!-- [et_pb_line_break_holder] -->        resultadoTexto = 'Error: La hipotenusa debe ser mayor que el cateto.';<!-- [et_pb_line_break_holder] -->        actualizarTriangulo(0, 0, 0);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    } else if (isNaN(a) && !isNaN(b) && !isNaN(c)) {<!-- [et_pb_line_break_holder] -->      if (c > b) {<!-- [et_pb_line_break_holder] -->        const catetoACalc = Math.sqrt(c * c - b * b);<!-- [et_pb_line_break_holder] -->        catetoAInput.value = catetoACalc.toFixed(4);<!-- [et_pb_line_break_holder] -->        resultadoTexto = `El cateto a es: ${catetoACalc.toFixed(4)}`;<!-- [et_pb_line_break_holder] -->        actualizarTriangulo(catetoACalc, b, c);<!-- [et_pb_line_break_holder] -->      } else {<!-- [et_pb_line_break_holder] -->        resultadoTexto = 'Error: La hipotenusa debe ser mayor que el cateto.';<!-- [et_pb_line_break_holder] -->        actualizarTriangulo(0, 0, 0);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    } else {<!-- [et_pb_line_break_holder] -->      resultadoTexto = 'Por favor, introduce exactamente dos valores.';<!-- [et_pb_line_break_holder] -->      actualizarTriangulo(0, 0, 0);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    resultadoDiv.textContent = resultadoTexto;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  function actualizarTriangulo(a, b, c) {<!-- [et_pb_line_break_holder] -->    const triangulo = document.getElementById('trianguloGrafico');<!-- [et_pb_line_break_holder] -->    const etiquetaA = document.getElementById('etiquetaA');<!-- [et_pb_line_break_holder] -->    const etiquetaB = document.getElementById('etiquetaB');<!-- [et_pb_line_break_holder] -->    const etiquetaC = document.getElementById('etiquetaC');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (a > 0 && b > 0) {<!-- [et_pb_line_break_holder] -->      const maxLado = Math.max(a, b);<!-- [et_pb_line_break_holder] -->      const escala = 250 \/ maxLado;<!-- [et_pb_line_break_holder] -->      const ancho = b * escala;<!-- [et_pb_line_break_holder] -->      const alto = a * escala;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      triangulo.style.borderBottomWidth = alto + 'px';<!-- [et_pb_line_break_holder] -->      triangulo.style.borderLeftWidth = ancho + 'px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      etiquetaA.textContent = `a: ${a}`;<!-- [et_pb_line_break_holder] -->      etiquetaB.textContent = `b: ${b}`;<!-- [et_pb_line_break_holder] -->      etiquetaC.textContent = `c: ${c.toFixed(2)}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      etiquetaA.style.left = (ancho \/ 2) - 15 + 'px';<!-- [et_pb_line_break_holder] -->      etiquetaA.style.bottom = '-30px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      etiquetaB.style.left = '-50px';<!-- [et_pb_line_break_holder] -->      etiquetaB.style.bottom = (alto \/ 2) - 10 + 'px';<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      const angulo = Math.atan(a \/ b) * (180 \/ Math.PI);<!-- [et_pb_line_break_holder] -->      etiquetaC.style.transform = `translate(-50%, -50%) rotate(-${angulo}deg)`;<!-- [et_pb_line_break_holder] -->      etiquetaC.style.left = (ancho \/ 2) + 'px';<!-- [et_pb_line_break_holder] -->      etiquetaC.style.bottom = (alto \/ 2) + 'px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    } else {<!-- [et_pb_line_break_holder] -->      triangulo.style.borderBottomWidth = '0px';<!-- [et_pb_line_break_holder] -->      triangulo.style.borderLeftWidth = '0px';<!-- [et_pb_line_break_holder] -->      etiquetaA.textContent = '';<!-- [et_pb_line_break_holder] -->      etiquetaB.textContent = '';<!-- [et_pb_line_break_holder] -->      etiquetaC.textContent = '';<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=\u00bb1_2&#8243; _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; sticky_enabled=\u00bb0&#8243;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->  #circle-calculator-container {<!-- [et_pb_line_break_holder] -->    font-family: Arial, sans-serif;<!-- [et_pb_line_break_holder] -->    max-width: 600px;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->    padding: 20px;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ddd;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 2px 4px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #circle-calculator-container h3 {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    color: #333;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .input-group {<!-- [et_pb_line_break_holder] -->    margin-bottom: 15px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .input-group label {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] -->    margin-bottom: 5px;<!-- [et_pb_line_break_holder] -->    color: #555;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .input-group input {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    padding: 8px;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    box-sizing: border-box;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #calculate-button {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    padding: 10px;<!-- [et_pb_line_break_holder] -->    background-color: #4CAF50;<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #calculate-button:hover {<!-- [et_pb_line_break_holder] -->    background-color: #45a049;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #results {<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->    padding-top: 15px;<!-- [et_pb_line_break_holder] -->    border-top: 1px solid #eee;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #results p {<!-- [et_pb_line_break_holder] -->    margin: 5px 0;<!-- [et_pb_line_break_holder] -->    font-size: 1.1em;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #circle-visualization {<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    max-width: 300px;<!-- [et_pb_line_break_holder] -->    height: 300px;<!-- [et_pb_line_break_holder] -->    margin-left: auto;<!-- [et_pb_line_break_holder] -->    margin-right: auto;<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #circle-svg {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 100%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"circle-calculator-container\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h3>Calculadora de C\u00edrculo y Sector Circular<\/h3>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"input-group\"><!-- [et_pb_line_break_holder] -->    <label for=\"radius\">Radio (r):<\/label><!-- [et_pb_line_break_holder] -->    <input type=\"number\" id=\"radius\" placeholder=\"Ingresa el radio\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"input-group\"><!-- [et_pb_line_break_holder] -->    <label for=\"angle\">\u00c1ngulo del Sector (\u03b8) en grados:<\/label><!-- [et_pb_line_break_holder] -->    <input type=\"number\" id=\"angle\" placeholder=\"Ingresa el \u00e1ngulo (opcional)\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <button id=\"calculate-button\">Calcular<\/button><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"results\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<h4>Resultados:<\/h4>\n<p><!-- [et_pb_line_break_holder] -->    <pee><strong>\u00c1rea del C\u00edrculo:<\/strong> <span id=\"circle-area\"><\/span><\/pee><!-- [et_pb_line_break_holder] -->    <pee><strong>\u00c1rea del Sector Circular:<\/strong> <span id=\"sector-area\"><\/span><\/pee><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"circle-visualization\"><!-- [et_pb_line_break_holder] -->    <svg id=\"circle-svg\" viewbox=\"0 0 100 100\"><!-- [et_pb_line_break_holder] -->      <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"#f0f0f0\" stroke=\"#ccc\" stroke-width=\"2\"><\/circle><!-- [et_pb_line_break_holder] -->      <path id=\"sector-path\" fill=\"#4CAF50\" stroke=\"#3e8e41\" stroke-width=\"1\"><\/path><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->document.addEventListener('DOMContentLoaded', function() {<!-- [et_pb_line_break_holder] -->    const radiusInput = document.getElementById('radius');<!-- [et_pb_line_break_holder] -->    const angleInput = document.getElementById('angle');<!-- [et_pb_line_break_holder] -->    const calculateButton = document.getElementById('calculate-button');<!-- [et_pb_line_break_holder] -->    const circleAreaSpan = document.getElementById('circle-area');<!-- [et_pb_line_break_holder] -->    const sectorAreaSpan = document.getElementById('sector-area');<!-- [et_pb_line_break_holder] -->    const sectorPath = document.getElementById('sector-path');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    calculateButton.addEventListener('click', function() {<!-- [et_pb_line_break_holder] -->        const radius = parseFloat(radiusInput.value);<!-- [et_pb_line_break_holder] -->        const angle = parseFloat(angleInput.value);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (isNaN(radius) || radius <= 0) {<!-- [et_pb_line_break_holder] -->            alert('Por favor, ingresa un radio v\u00e1lido y positivo.');<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ C\u00e1lculos<!-- [et_pb_line_break_holder] -->        const circleArea = Math.PI * Math.pow(radius, 2);<!-- [et_pb_line_break_holder] -->        circleAreaSpan.textContent = circleArea.toFixed(2);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (!isNaN(angle) && angle > 0 && angle <= 360) {<!-- [et_pb_line_break_holder] -->            const sectorArea = (angle \/ 360) * circleArea;<!-- [et_pb_line_break_holder] -->            sectorAreaSpan.textContent = sectorArea.toFixed(2);<!-- [et_pb_line_break_holder] -->            drawSector(angle);<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            sectorAreaSpan.textContent = 'N\/A (ingresa un \u00e1ngulo v\u00e1lido)';<!-- [et_pb_line_break_holder] -->            sectorPath.setAttribute('d', '');<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function drawSector(angle) {<!-- [et_pb_line_break_holder] -->        const x_center = 50;<!-- [et_pb_line_break_holder] -->        const y_center = 50;<!-- [et_pb_line_break_holder] -->        const r = 45;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (angle >= 360) {<!-- [et_pb_line_break_holder] -->            \/\/ Dibuja un c\u00edrculo completo si el \u00e1ngulo es 360<!-- [et_pb_line_break_holder] -->            sectorPath.setAttribute('d', `M ${x_center-r},${y_center} a ${r},${r} 0 1,0 ${r*2},0 a ${r},${r} 0 1,0 -${r*2},0`);<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const angleRad = (angle - 90) * Math.PI \/ 180;<!-- [et_pb_line_break_holder] -->        const x_end = x_center + r * Math.cos(angleRad);<!-- [et_pb_line_break_holder] -->        const y_end = y_center + r * Math.sin(angleRad);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const largeArcFlag = angle <= 180 ? '0' : '1';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const d = [<!-- [et_pb_line_break_holder] -->            'M', x_center, y_center,<!-- [et_pb_line_break_holder] -->            'L', x_center, y_center - r, \/\/ Punto de inicio en la parte superior del c\u00edrculo<!-- [et_pb_line_break_holder] -->            'A', r, r, 0, largeArcFlag, 1, x_end, y_end,<!-- [et_pb_line_break_holder] -->            'Z'<!-- [et_pb_line_break_holder] -->        ].join(' ');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        sectorPath.setAttribute('d', d);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb][et_pb_column _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb type=\u00bb4_4&#8243;][et_pb_divider _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; sticky_enabled=\u00bb0&#8243;][\/et_pb_divider][et_pb_heading title=\u00bbCalcule y Visualice el \u00c1rea Bajo la Curva\u00bb _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb module_alignment=\u00bbcenter\u00bb title_text_align=\u00bbcenter\u00bb title_font_size=\u00bb48px\u00bb hover_enabled=\u00bb0&#8243; sticky_enabled=\u00bb0&#8243;][\/et_pb_heading][et_pb_code _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; sticky_enabled=\u00bb0&#8243;]<!-- Inclusi\u00f3n de la librer\u00eda Chart.js para las gr\u00e1ficas --><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Estilos CSS para los campos del formulario y el contenedor --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->  #areaCalculatorContainer {<!-- [et_pb_line_break_holder] -->    font-family: sans-serif;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->    gap: 15px;<!-- [et_pb_line_break_holder] -->    padding: 20px;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->    border-radius: 5px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #areaCalculatorContainer input {<!-- [et_pb_line_break_holder] -->    padding: 8px;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->    border-radius: 3px;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    box-sizing: border-box;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #areaCalculatorContainer button {<!-- [et_pb_line_break_holder] -->    padding: 10px 15px;<!-- [et_pb_line_break_holder] -->    background-color: #0073e6;<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 3px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #areaCalculatorContainer button:hover {<!-- [et_pb_line_break_holder] -->    background-color: #005bb7;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #result {<!-- [et_pb_line_break_holder] -->    font-weight: bold;<!-- [et_pb_line_break_holder] -->    margin-top: 10px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Estructura HTML del calculador --><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"areaCalculatorContainer\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div><!-- [et_pb_line_break_holder] -->    <label for=\"functionInput\">Funci\u00f3n f(x):<\/label><!-- [et_pb_line_break_holder] -->    <!-- Ejemplo de funci\u00f3n: x^2. Puede cambiar el valor por defecto aqu\u00ed. --><!-- [et_pb_line_break_holder] -->    <input type=\"text\" id=\"functionInput\" value=\"x*x\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div><!-- [et_pb_line_break_holder] -->    <label for=\"lowerLimit\">L\u00edmite Inferior (a):<\/label><!-- [et_pb_line_break_holder] -->    <input type=\"number\" id=\"lowerLimit\" value=\"0\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div><!-- [et_pb_line_break_holder] -->    <label for=\"upperLimit\">L\u00edmite Superior (b):<\/label><!-- [et_pb_line_break_holder] -->    <input type=\"number\" id=\"upperLimit\" value=\"10\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div><!-- [et_pb_line_break_holder] -->    <label for=\"rectangles\">N\u00famero de Rect\u00e1ngulos (n):<\/label><!-- [et_pb_line_break_holder] -->    <input type=\"number\" id=\"rectangles\" value=\"50\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <button onclick=\"calculateArea()\">Calcular y Graficar<\/button><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"result\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- Contenedor para la gr\u00e1fica --><!-- [et_pb_line_break_holder] -->  <canvas id=\"myChart\"><\/canvas><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- L\u00f3gica JavaScript para el c\u00e1lculo y la gr\u00e1fica --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  let myChart;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  function calculateArea() {<!-- [et_pb_line_break_holder] -->    const funcStr = document.getElementById('functionInput').value;<!-- [et_pb_line_break_holder] -->    const a = parseFloat(document.getElementById('lowerLimit').value);<!-- [et_pb_line_break_holder] -->    const b = parseFloat(document.getElementById('upperLimit').value);<!-- [et_pb_line_break_holder] -->    const n = parseInt(document.getElementById('rectangles').value);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Validaci\u00f3n de entradas<!-- [et_pb_line_break_holder] -->    if (isNaN(a) || isNaN(b) || isNaN(n) || n <= 0) {<!-- [et_pb_line_break_holder] -->      document.getElementById('result').innerText = 'Por favor, ingrese valores v\u00e1lidos.';<!-- [et_pb_line_break_holder] -->      return;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const deltaX = (b - a) \/ n;<!-- [et_pb_line_break_holder] -->    let area = 0;<!-- [et_pb_line_break_holder] -->    const xValues = [];<!-- [et_pb_line_break_holder] -->    const yValues = [];<!-- [et_pb_line_break_holder] -->    const barData = [];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Intenta crear la funci\u00f3n a partir de la entrada del usuario<!-- [et_pb_line_break_holder] -->    let f;<!-- [et_pb_line_break_holder] -->    try {<!-- [et_pb_line_break_holder] -->        f = new Function('x', 'return ' + funcStr.replace(\/\\^\/g, '**'));<!-- [et_pb_line_break_holder] -->    } catch (e) {<!-- [et_pb_line_break_holder] -->        document.getElementById('result').innerText = 'Error en la sintaxis de la funci\u00f3n.';<!-- [et_pb_line_break_holder] -->        return;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    for (let i = 0; i < n; i++) {<!-- [et_pb_line_break_holder] -->      const xi = a + i * deltaX;<!-- [et_pb_line_break_holder] -->      let yi;<!-- [et_pb_line_break_holder] -->      try {<!-- [et_pb_line_break_holder] -->          yi = f(xi);<!-- [et_pb_line_break_holder] -->      } catch (e) {<!-- [et_pb_line_break_holder] -->          document.getElementById('result').innerText = 'Error al evaluar la funci\u00f3n.';<!-- [et_pb_line_break_holder] -->          return;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->      area += yi * deltaX;<!-- [et_pb_line_break_holder] -->      barData.push({x: xi, y: yi});<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    for (let x = a; x <= b; x += deltaX\/10) {<!-- [et_pb_line_break_holder] -->        xValues.push(x);<!-- [et_pb_line_break_holder] -->        try {<!-- [et_pb_line_break_holder] -->            yValues.push(f(x));<!-- [et_pb_line_break_holder] -->        } catch(e) {<!-- [et_pb_line_break_holder] -->            \/\/ En caso de error en la evaluaci\u00f3n para la l\u00ednea de la curva, no se a\u00f1ade el punto<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    document.getElementById('result').innerText = `El \u00e1rea aproximada bajo la curva es: ${area.toFixed(4)}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const ctx = document.getElementById('myChart').getContext('2d');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Destruye la instancia anterior de la gr\u00e1fica si existe<!-- [et_pb_line_break_holder] -->    if (myChart) {<!-- [et_pb_line_break_holder] -->      myChart.destroy();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Crea la nueva gr\u00e1fica<!-- [et_pb_line_break_holder] -->    myChart = new Chart(ctx, {<!-- [et_pb_line_break_holder] -->      type: 'bar',<!-- [et_pb_line_break_holder] -->      data: {<!-- [et_pb_line_break_holder] -->        datasets: [{<!-- [et_pb_line_break_holder] -->          label: '\u00c1rea Bajo la Curva',<!-- [et_pb_line_break_holder] -->          data: barData,<!-- [et_pb_line_break_holder] -->          backgroundColor: 'rgba(75, 192, 192, 0.5)',<!-- [et_pb_line_break_holder] -->          borderColor: 'rgba(75, 192, 192, 1)',<!-- [et_pb_line_break_holder] -->          borderWidth: 1,<!-- [et_pb_line_break_holder] -->          barPercentage: 1.0,<!-- [et_pb_line_break_holder] -->          categoryPercentage: 1.0<!-- [et_pb_line_break_holder] -->        }, {<!-- [et_pb_line_break_holder] -->          label: 'Funci\u00f3n f(x)',<!-- [et_pb_line_break_holder] -->          data: xValues.map((val, index) => ({x: val, y: yValues[index]})),<!-- [et_pb_line_break_holder] -->          type: 'line',<!-- [et_pb_line_break_holder] -->          borderColor: 'rgba(255, 99, 132, 1)',<!-- [et_pb_line_break_holder] -->          fill: false,<!-- [et_pb_line_break_holder] -->          tension: 0.1,<!-- [et_pb_line_break_holder] -->          pointRadius: 0<!-- [et_pb_line_break_holder] -->        }]<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] -->      options: {<!-- [et_pb_line_break_holder] -->        scales: {<!-- [et_pb_line_break_holder] -->          x: {<!-- [et_pb_line_break_holder] -->            type: 'linear',<!-- [et_pb_line_break_holder] -->            position: 'bottom',<!-- [et_pb_line_break_holder] -->            title: {<!-- [et_pb_line_break_holder] -->                display: true,<!-- [et_pb_line_break_holder] -->                text: 'x'<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->          },<!-- [et_pb_line_break_holder] -->          y: {<!-- [et_pb_line_break_holder] -->            beginAtZero: true,<!-- [et_pb_line_break_holder] -->            title: {<!-- [et_pb_line_break_holder] -->                display: true,<!-- [et_pb_line_break_holder] -->                text: 'f(x)'<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rtuyato.com\/index.php\/wp-json\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rtuyato.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rtuyato.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rtuyato.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rtuyato.com\/index.php\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":13,"href":"https:\/\/rtuyato.com\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/rtuyato.com\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/rtuyato.com\/index.php\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}