MyProyectList: Conversor de Temperatura °C

Este es un proyecto sencillo y útil de programación básica, consiste en crear una pagina web sencilla como interfaz grafica que pueda ser ejecutada en cualquier ordenado. Este programa convertirá automáticamente de una unidad de temperatura a otra según lo quiera el usuario, es decir convertirá grados Celsius a Fahrenheit y viceversa.

Ejemplo : En la entrada ingreso 30 °C y me devolverá 86 °F

Descripción

Al iniciar el programa nos muestra un cuadro de dialogo para ingresar datos, donde ingresaremos el valor de la temperatura.

Una vez ingresado aparecerá un segundo cuadro de dialogo donde ingresaremos La unidad que representa la temperatura ya sea C para grados centigrados o F para grados Fahrenheit.

Por ultimo nos aparecerá la conversión de la temperatura.

Código

El código esta programado en HTML para la parte de la interfaz y con JavaScript para la parte de la lógica.

 <script>
     function temperatura(num,unidad){

         if (unidad == 'C'){
             let gradosF = (num*9/5)+32;
             document.write(`<br>Grados Centigrados: ${num} °C`);
             document.write("<br>");
             document.write(`<br>Grados Farengeit: ${gradosF} °F`);
         }
        if (unidad == 'F'){
             let gradosC = (num-32)*5/9;
             document.write(`<br>Grados Farengeit: ${num} °F`);
             document.write("<br>");
             document.write(`<br>Grados Centigrados: ${gradosC} °C`);
         }
                    
       }
            
       let grados = prompt("Ingrese la Temperatura a Combertir:")
       let unidad = prompt("Ingrese la unidad de medida C (Centigrados) o F (Farengeit)")
                
       let unidad2 = unidad.toUpperCase()

      temperatura(grados,unidad2);

 </script>

En la sección "script" es donde se encuentra la logica del programa .

Dentro de esta sección se creo una función llamada temperatura, la cual recibe dos parámetros los cuales son: num que es el valor de la temperatura y unidad la cual recibe las unidades de la temperatura ya sea C o F.

Se crean dos condicionales if uno para cada caso: dentro del primer caso se crea la variable gradosF en donde ingresamos la formula para convertir los grados Celsius a Fahrenheit. Mientras que con las instrucciones document.write imprimimos los datos en la pagina HTML.

En el segundo caso es el mismo solo que la variable gradosF es sustituida por la variable gradosC y se sustituye la formula para calcular grados Celsius.

El resto del código es una estructura simple en HTML.

<!DOCTYPE html>
<html>
    <body>
        <center><H1>Conversor de temperatura</H1></center>
        <br>
        <br>
        <div id="fondo">
            <script>
            </script>
            
            <h6>Preciona F5 para iniciar de nuevo el programa</h6>

        </div>
        
    </body>
</html>



<style type="text/css">

div#fondo{
    position:absolute;
    font-size: 0.5cm;
}
</style>

Sin embargo en la sección "style" podemos cambiar la apariencia del programa, como por ejemplo cambiar el color de fondo, el tamaño de letra, su color o el tipo de fuente.

Código Completo

<!DOCTYPE html>
<html>
    <body>
        <center><H1>Conversor de temperatura</H1></center>
        <br>
        <br>
        <div id="fondo">
            <script>
                function temperatura(num,unidad){

                    if (unidad == 'C'){
                        let gradosF = (num*9/5)+32;
                        document.write(`<br>Grados Centigrados: ${num} °C`);
                        document.write("<br>");
                        document.write(`<br>Grados Farengeit: ${gradosF} °F`);
                    }
                    if (unidad == 'F'){
                        let gradosC = (num-32)*5/9;
                        document.write(`<br>Grados Farengeit: ${num} °F`);
                        document.write("<br>");
                        document.write(`<br>Grados Centigrados: ${gradosC} °C`);
                    }
                    
                }
            
                let grados = prompt("Ingrese la Temperatura a Combertir:")
                let unidad = prompt("Ingrese la unidad de medida C (Centigrados) o F (Farengeit)")
                
                let unidad2 = unidad.toUpperCase()

                temperatura(grados,unidad2);

            </script>
            
            <h6>Preciona F5 para iniciar de nuevo el programa</h6>

        </div>
        
    </body>
</html>



<style type="text/css">

div#fondo{
    position:absolute;
    font-size: 0.5cm;
}
</style>

</> Descargar el codigo completo

Páginas

Descripcion

Conversor de Temperatura °C - °F

No hay comentarios.:

Publicar un comentario