CONVERTIDOR DE UNIDADES JAVASCRIPT

Hoy les mostrare un pequeo proyecto de desarrollo en JavaScript, el resultado ser un convertidor de unidades que convierte distancia, masa, peso, distancia, y todas las medidas que le demos. Usaremos un algoritmo lgico, que y l bastante rpido.Lo primero que necesitamos es describir el algoritmo de conversin, podemos decir que 1 metro son 100 cm, y 1 metro son 1000 milmetros o 1 metro son .001 kilmetros de esta manera si multiplicamos. Z (nmero de metros) x Y (equivalencia en kilmetros obtendremos) X el resultado de la conversin usando una tabla similar a esta.Metro1

Centimentro100

milimetro1000

Kilometro.0001

Empesamos poniendo nuestra tabla de converciones,var property = new Array();var unit = new Array();var factor = new Array();property[0] = "Distancia";unit[0] = new Array("metro","centimetro","milimetro","pie","pulgada","kilometro","milla");Iremos aadiendo, a los arrays todas las conversiones que nosotros tenemos.property[2] = "Area";unit[2] = new Array("metro cuadrado","centimetro cuadrado","pie cuadrado","pulgada cuadrada","kilometro cuadrado","milla cuadrado");factor[2] = new Array(1,.0001,.09290304,.00064516,1000000,10000);property[3] = "Volumen";unit[3] = new Array("metro cubico","centimetro cubico","pie cubico","pulgada cubica","litro","mililitro");factor[3] = new Array(1,.000001,.028316387,.000016387,.001,.000001);property[4] = "Tiempo";unit[4] = new Array("segundo","minuto","dia","anio");factor[4] = new Array(1,60,86400,31556925);property[5] = "Velocidad";unit[5] = new Array("m/s","cm/s","ft/s","km/s","m/s");factor[5] = new Array(1,.01,.3048,.27778,.44704);property[6] = "Peso";unit[6] = new Array("Kilogramo","gramo","libra");factor[6] = new Array(1,.001,.45359237);property[7] = "fuerza";unit[7] = new Array("newton","dina","kilogramo fuerza,libra fuerza");factor[7] = new Array(1,.00001,9.80665,4.44822162);Despus de esto usaremos este script que obtiene el valor de A que despus especificaremos en el HTML y lo convertiremos a B unidades o viceversa si seleccionamos b.function UpdateUnitMenu(propMenu, unitMenu){ // Actualizar de acuerdo ala selecion var i; i = propMenu.selectedIndex; FillMenuWithArray(unitMenu, unit[i]);}function FillMenuWithArray(myMenu, myArray){ // Reyenar forma var i; myMenu.length = myArray.length; for(i = 0; i < myArray.length; i++){ myMenu.options[i].text = myArray[i]; }}function CalculateUnit(sourceForm, targetForm){ // Validar antes de continuar var sourceValue = sourceForm.unit_input.value; // Assegurarse que sea mayor que uno sourceValue = parseFloat(sourceValue); if ( !isNaN(sourceValue) || sourceValue == 0){ // si puede convertirse a un float sourceForm.unit_input.value = sourceValue; ConvertFromTo(sourceForm, targetForm); } else { alert("El numero agregado no se puede convertir o es 0!"); }}function ConvertFromTo(sourceForm, targetForm){ // Convierte el contenido al objetivo var propIndex; var sourceIndex; var sourceFactor; var targetIndex; var targetFactor; var result; // idetificar la propiedad propIndex = document.property_form.the_menu.selectedIndex; // fuente // fuentes de conversion rangos sourceIndex = sourceForm.unit_menu.selectedIndex; sourceFactor = factor[propIndex][sourceIndex]; // B a A targetIndex = targetForm.unit_menu.selectedIndex; targetFactor = factor[propIndex][targetIndex]; // EScribir el resultado result = sourceForm.unit_input.value; // temperatura if (property[propIndex] == "Temperatura"){ result = parseFloat(result) + tempIncrement[sourceIndex]; } result = result * sourceFactor;

result = result / targetFactor; if (property[propIndex] == "Temperatura"){ result = parseFloat(result) - tempIncrement[targetIndex]; } // actualizar targetForm.unit_input.value = result;}function ClearForm(){ // Limpiar texto document.form_A.unit_input.value = ""; document.form_B.unit_input.value = "";}Tambin agregaremos una validacin por si el nmero que especifica no es un nmero o no selecciona el tipo de conversin. Ya noms nos quedara el HTML.

CONVERTIDOR DE UNIDADESPrincipio del formularioProperty:Final del formulario

Principio del formularioAFinal del formularioPrincipio del formularioBFinal del formulario

Espero les haya gustado este pequeo tutorial.