Práctica 1 : Conversor de Temperatura Asignatura: Procesadores de Lenguajes
Profesor: Casiano Rodríguez León
  • Explicación
  • Práctica 1 : Conversor de Temperatura
  • Pruebas : Estructura

  • Explicación

    Esta práctica será la primera de tantas con las que aprenderemos a utilizar distintos lenguajes. En ésta concretamente, empezaremos con el mundo de HTML, JavaScript y CSS, y para ello, utilizaremos la herramienta de GitHub exprimiéndola al máximo para sacarle el mayor partido a ella. Una de esas ventajas se verá al realizar el testing a JavaScript usando el framework Mocha y el assertion library para node.js Chai.

    Práctica 1 : Conversor de Temperatura

    En este recuedro se muestra el conversor. Sólo hay que introducir la temperatura indicando el tipo y más abajo si indicará el resultado o un posible error de síntaxis.

    Enter Temperature (examples: 32F, 45C, -2.5f):
    Converted Temperature:

    A continuación, se muestra la función en javascript que permite calcular el "Conversor de Temperaturas " de Celsius a Fahrenheit, o viceversa. En ella, se muestran unos huecos que se harán visibles al presionar el botón "Completar ".

    function calculate() {
      var result;
      var original = document.getElementById("........");
      var temp = original.value;
      var regexp = /.............................../;
      
      var m = temp.match(......);
      
      if (m) {
        var num = ....;
        var type = ....;
        num = parseFloat(num);
        if (type == 'c' || type == 'C') {
          result = (num * 9/5)+32;
          result = ..............................
        }
        else {
          result = (num - 32)*5/9;
          result = ............................
        }
        converted.innerHTML = result;
      }
      else {
        converted.innerHTML = "ERROR! Try something like '-4.2C' instead";
      }
    }
    

    Pruebas : Estructura

    Para esta parte se hizo necesario crear la estructura para las pruebas:

    mocha init tests
    

    Una vez realizado esto, se modificaría el archivo index.html añadiéndole los JavaScript (chai.js y temperature.js), además, de los input y span que se utilizaron en la prácticas y se quieran probar.

    El enlace donde se puede observar los tests son: aquí.