Mostar Image depending on the result

Question

Mostar Image depending on the result

Navigation

#1 by (0 votes)

0

I have a code in which I need to show the IMAGE corresponding to a triangle if it is isosceles, equilatero or scalene Current code:

 <html>
 <head> 
  <title> Area de un triangulo </title> 
 </head>
 <center> <h1>Determinar el tipo de Triangulo</h1>
 <body bgcolor="#9095FF">
<script language="javascript">

 /* function Area()
    {
        var area, base, altura;
        base = prompt("Coloca la base");
        altura = prompt("Coloca la altura");

        base = parseFloat(base);
        altura = parseFloat(altura);
        area = (base * altura) / 2;


        alert("El area del cuadrado es: " + area.toFixed(2));
    }*/
function tiposTriangulo()

  {
      var ladoA, ladoB, ladoC;


      ladoA = prompt ("Digite Lado A");
      ladoB = prompt ("Digite Lado B");
      ladoC = prompt ("Digite Lado C");

      ladoA = parseFloat(ladoA);
      ladoB = parseFloat(ladoB);
      ladoC = parseFloat(ladoC);

      if(ladoA == ladoB && ladoB == ladoC){

        prompt("El triangulo es equilatero" );
       } 


       else if (ladoA == ladoB || ladoA == ladoC || ladoB == ladoC){
        prompt("El triangulo es isosceles"); 

       } else if(ladoA != ladoB && ladoA != ladoC && ladoB != ladoC){ 
        prompt("El triangulo es escaleno");

       }
     }


  </script>
  <form name="form1">
  <!-- <input type="button" value="Calcular Area de un Triangulo" 
 onclick=Area()>  -->
  <input type="button" value="Determinar Tipo de Triangulo" 
onclick=tiposTriangulo()>
</form>
</center>
</body>
</html>

I can not make it show me an image but if the result of the type of triangle corresponds by entering numerical values.

help please Greetings

javascript html5 html imagen

asked by Sebastian Quijada 08.07.2018 в 06:03

source

1 answer

Rails relationships between odels Change Automatic Names

score 0 · Accepted Answer

The only thing you have to do is create an image and change the src depending on the type of triangle, since you already have the check it is very easy to do it, here is your example with images:

img {width:40%;}

 <html>
 <head> 
  <title> Area de un triangulo </title> 
 </head>
 <center> <h1>Determinar el tipo de Triangulo</h1>
 <body bgcolor="#9095FF">
<script language="javascript">

 /* function Area()
    {
        var area, base, altura;
        base = prompt("Coloca la base");
        altura = prompt("Coloca la altura");

        base = parseFloat(base);
        altura = parseFloat(altura);
        area = (base * altura) / 2;


        alert("El area del cuadrado es: " + area.toFixed(2));
    }*/
  
  
function tiposTriangulo()

  {
    var imagen = document.getElementById("imagen");
    
      var ladoA, ladoB, ladoC;


      ladoA = prompt ("Digite Lado A");
      ladoB = prompt ("Digite Lado B");
      ladoC = prompt ("Digite Lado C");

      ladoA = parseFloat(ladoA);
      ladoB = parseFloat(ladoB);
      ladoC = parseFloat(ladoC);

      if(ladoA == ladoB && ladoB == ladoC){

        prompt("El triangulo es equilatero" );
        imagen.src= "https://www.cienciamatematica.com/images/asignaturas/geometria/perimetro/triangulo/t.equilatero.png";
       } 


       else if (ladoA == ladoB || ladoA == ladoC || ladoB == ladoC){
        prompt("El triangulo es isosceles"); 
  imagen.src= "https://www.cienciamatematica.com/images/asignaturas/geometria/perimetro/triangulo/t.isosceles.png";
       } else if(ladoA != ladoB && ladoA != ladoC && ladoB != ladoC){ 
        prompt("El triangulo es escaleno");
  imagen.src= "https://www.cienciamatematica.com/images/asignaturas/geometria/perimetro/triangulo/t.escaleno.png";
       }
     }


  </script>
  <form name="form1">
  <!-- <input type="button" value="Calcular Area de un Triangulo" 
 onclick=Area()>  -->
  <input type="button" value="Determinar Tipo de Triangulo" 
onclick="tiposTriangulo()">
</form>
</center>
   <img src="https://image.flaticon.com/icons/png/512/36/36601.png" id="imagen" />
</body>
</html>

Is this code just for you to practice or are you going to use it for something? Because as you have it is not the best way to do it, if you just want to practice there is no problem and you can leave it like that, but if I do not recommend you make some changes.