Develop an application for Measurement Conversion. The application may convert the following measures:
a) Length: kilometer, meter and centimeter.
b) Mass: kilogram and gram.
c) Temperature: celsius and fahrenheit.
Initially, the user must enter the desired conversion type: Length, Mass or Temperature. It will then specify the current value, the value that will be converted and the unit of measurement desired. For example:
a) Conversion type: length
b) Current unit: kilometer
c) Value: 10
d) Desired unit: meter
The application should display the result of 10,000 m.
What I've done so far:
var listaTpConvVal = new Array();
var listaTpConvText = new Array();
listaTpConvVal["N"] = ["Selecione uma Unidade"];
listaTpConvVal["C"] = ["Cm", "M", "Km"];
listaTpConvVal["M"] = ["G", "Kg"];
listaTpConvVal["T"] = ["C", "F"];
listaTpConvText["N"] = ["Selecione uma Unidade"];
listaTpConvText["C"] = ["Centímetros", "Metros", "Quilômetros"];
listaTpConvText["M"] = ["Gramas", "Quilogramas"];
listaTpConvText["T"] = ["Celcius", "Fahrenheite"];
function mudaTipoConversao(selectObj) {
document.getElementById('valorAtual').value = '';
document.getElementById('valorConvertido').value = '';
var lIndice = selectObj.selectedIndex; // Índice da opção selecionada
var lValor = selectObj.options[lIndice].value; // Valor da opção selecionada
var tcUnidadeAtual = document.getElementById("unidadeAtual"); // pega a unidade da opção selecionada
var tcUnidadeDesejada = document.getElementById("unidadeDesejada"); // pega a unidade da opção selecionada
while (tcUnidadeAtual.options.length > 0) {
tcUnidadeAtual.remove(0); // Limpa as opções da combobox
tcUnidadeDesejada.remove(0); // Limpa as opções da combobox
}
var newOptAtual; // Cria novas opções
var newOptDesejada; // Cria novas opções
for (var i = 0; i < listaTpConvVal[lValor].length; i++) {
newOptAtual = document.createElement("option");
newOptAtual.value = listaTpConvVal[lValor][i]; // Seta o valor
newOptAtual.text = listaTpConvText[lValor][i]; // Seta o valor e o Texto
newOptDesejada = document.createElement("option");
newOptDesejada.value = listaTpConvVal[lValor][i]; // Seta o valor
newOptDesejada.text = listaTpConvText[lValor][i]; // Seta o valor e o Texto
try {
tcUnidadeAtual.add(newOptAtual); // Insere uma nova opção
tcUnidadeDesejada.add(newOptDesejada); // Insere uma nova opção
} catch (e) {
tcUnidadeAtual.appendChild(newOptAtual);
tcUnidadeDesejada.appendChild(newOptDesejada);
}
}
function novaConversao() {
document.getElementById('tipoConversao').value = 'N';
document.getElementById('valorAtual').value = '';
document.getElementById('valorConvertido').value = '';
mudaTipoConversao(document.getElementById('tipoConversao'));
}
function novoCalcImc() {
document.getElementById('peso').value = '';
document.getElementById('altura').value = '';
document.getElementById('resultado').value = '';
}<!--Content-->
<div id="content">
<!--Logo-->
<div id="logo">
</div>
<!--Fim Logo-->
<!--Unidade de Medidas-->
<div id="unidade_medidas">
<form name="calc" method="get" enctype="multipart/form-data" action="resultado.php" class="form">
<h1>Conversão de Unidades</h1>
<label for="unidade">Tipo de Unidade</label>
<select id="continent" onchange="mudaTipoConversao(this):">
<option value="N">Selecione uma Unidade</option>
<option value="C">Comprimento</option>
<option value="M">Massa</option>
<option value="T">Temperatura</option>
</select>
<br><br><br>
<label>Unidade Atual</label>
<select id="unidadeAtual">
<option value="0">Unidade Atual</option>
</select>
<label>Unidade Desejada</label>
<select id="unidadeDesejada">
<option value="0">Unidade Desejada</option>
</select>
<html>
<head>
<br><br>
<br />
<label>
<span class="span">Insira o Valor</span>
<br/>
<input type="text" name="valor" class="in"/>
</label>
<input type="submit" name="envia" value="OK!" class="btn">
</fieldset>
</form>
<!--Fim Formulario-->
</div>
<!--Fim Unidade de Medidas-->
</div>
<!--Fim Content-->I'm lost when calling this javascript function.