HTML로 삼각형의 면적을 계산하는 방법

Question

나는 삼각형의 높이와 밑면을 입력 한 두 개의 상자로 표를 만들고 나서 밑에 결과 영역을 얻을 수 있습니다. 지금까지 다른 모양을 얻었습니다. 그러나 나는 삼각형에 대해 이해할 수 없다. 나는 정말 미안하다.

<h3>Calculo de Areas</h3> 
     <p>Ingrese la Informacion requerida para sacar el Area de las siguientes Figuras.</p> 
     <p>Nota:Los Resultados estan dados en la misma unidad que se introduce.</p> 
      <table> 
     <tr> 
      <th> 
<p> 
    <label>Radio de un Circulo</label> 
    <input id="inputradio" type="number" placeholder="Radio" oninput="LengthConverter9(this.value)" onchange="LengthConverter9(this.value)"> 
</p> 
<p>Area: <span id="outputArea"></span></p> 

<script>  
function LengthConverter9(valNum9) { 
    document.getElementById("outputArea").innerHTML=(valNum9*valNum9)*3.14159265359; 
} 
       </script> 
      </th><th> 
<p> 
    <label>Lado de un Cuadrado</label> 
    <input id="inputLado" type="number" placeholder="Largo" oninput="LengthConverter10(this.value)" onchange="LengthConverter10(this.value)"> 
</p> 
<p>Area: <span id="outputArea1"></span></p> 

<script> 
function LengthConverter10(valNum10) { 
    document.getElementById("outputArea1").innerHTML=(valNum10*valNum10); 
} 
</script> 

    <tr><th> 
     <p> 
    <label>Base de un Triangulo Rectangulo</label> 
    <input id="inputBase" type="number" placeholder="Ancho" oninput="LengthConverter11(this.value)" onchange="LengthConverter11(this.value)"> 
</p> 
     <p> 
    <label>Altura de dicho Triangulo</label> 
    <input id="inputAltura" type="number" placeholder="Alto" oninput="LengthConverter12(this.value)" onchange="LengthConverter12(this.value)"> 
</p> 
<p>Area: <span id="outputArea4"></span></p> 
<script>  
function LengthConverter11(valNum11){ 
    document.getElementById("outputMetros4").innerHTML=(LengthConverter11*LengthConverter12)/2; 
} 
       </script> 


     </th></tr> 
    </table> 

내가 할 수있는 유일한 하나는 삼각형 중 하나입니다. 미리 감사드립니다.

Answer 1

본 찾고 LengthConverter12

대한 함수를 정의하지 않은 참고 multipy 의해 정의되는 함수이다

document.getElementById("outputMetros4").innerHTML=(LengthConverter11*LengthConverter12)/2; 

(삼각형의 면적을 계산) 정의되지 않은 함수?

모든 js 코드를 한 섹션에 배치하면 디버깅 및 읽기가 매우 쉽습니다. 그러나 당신은 무엇을 당신의 레이아웃과 건물을 사용, 여기

<h3>Calculo de Areas</h3> 
 
<p>Ingrese la Informacion requerida para sacar el Area de las siguientes Figuras.</p> 
 
<p>Nota:Los Resultados estan dados en la misma unidad que se introduce.</p> 
 
<table> 
 
    <tr> 
 
    <th> 
 
     <p> 
 
     <label>Radio de un Circulo</label> 
 
     <input id="inputradio" type="number" placeholder="Radio" oninput="LengthConverter9(this.value)" onchange="LengthConverter9(this.value)"> 
 
     </p> 
 
     <p>Area: <span id="outputArea"></span></p> 
 

 
     <script> 
 
     function LengthConverter9(valNum9) { 
 
      document.getElementById("outputArea").innerHTML = (valNum9 * valNum9) * 3.14159265359; 
 
     } 
 
     </script> 
 
    </th> 
 
    <th> 
 
     <p> 
 
     <label>Lado de un Cuadrado</label> 
 
     <input id="inputLado" type="number" placeholder="Largo" oninput="LengthConverter10(this.value)" onchange="LengthConverter10(this.value)"> 
 
     </p> 
 
     <p>Area: <span id="outputArea1"></span></p> 
 

 
     <script> 
 
     function LengthConverter10(valNum10) { 
 
      document.getElementById("outputArea1").innerHTML = (valNum10 * valNum10); 
 
     } 
 
     </script> 
 

 
     <tr> 
 
     <th> 
 
      <p> 
 
      <label>Base de un Triangulo Rectangulo</label> 
 
      <input id="inputBase" type="number" placeholder="Ancho"> 
 
      </p> 
 
      <p> 
 
      <label>Altura de dicho Triangulo</label> 
 
      <input id="inputAltura" type="number" placeholder="Alto" oninput="LengthConverter11(this.value)" onchange="LengthConverter11(this.value)"> 
 
      </p> 
 
      <p>Area: <span id="outputArea4"></span></p> 
 
      <script> 
 
      function LengthConverter11(height) { 
 
       var base = document.getElementById("inputBase").value.trim(); 
 
       console.log(base, height); 
 
       height = height.trim(); 
 

 
       document.getElementById("outputArea4").innerHTML = (base * height)/2; 
 
      } 
 
      </script> 
 

 

 
     </th> 
 
     </tr> 
 
</table>

Answer 2

LengthConverter11() 함수에서 LengthConverter11 및 LengthConverter12를 호출하는 경우 함수가 아니라 변수입니다. 당신이해야 할 일은 두 값을 가져 오는 함수입니다. 그리고 나서 당신은 연산을 수행합니다. 예 : 같은

<input id="inputBase" type="number" placeholder="Ancho" name="triangleBase"> 
<input id="inputAltura" type="number" placeholder="Largo" name="triangleAltura" onchange="areaCalculator(this.value)"> 
<script> 
    function areaCalculator(){ 
    var base = document.getElementById('inputBase').value; 
    var altura = document.getElementById('inputAltura').value ; 
    document.getElementById("outputMetros4").innerHTML= (base*altura)/2; 
    } 
<script> 

뭔가, 나는 그것의 정확한 경우가 있으므로, 나도 몰라 테스트,하지만 basicly 당신이해야 할 것입니다하지 않았습니다. 이

<input id="inputAltura" type="number" placeholder="Alto" oninput="LengthConverter12(this.value)" onchange="LengthConverter12(this.value)"> 

찾고