Não consigo converter um campo string para ponto flutuante

[leonardosb 0]

Bom dia, estou aprendendo Javascript e estou criando um caixa de supermecado que contem os alimentos :

Banana,Maçã,segue a sintaxe abaixo para melhor intendimento

 

 

 

<form id="tabela">
<fieldset><legend>Caixa registradora de alimentos</legend>
<ul id="alimentos">
<li><label for="">Alimento:<input type="text" name="alimento1" placeholder="Digite seu Alimento 1"/>Quantidade:</label><label for=""><input type="number" name="qtd1" max="30" min="1"/></label></li>
<li><label for="">Alimento:<input type="text" name="alimento2" placeholder="Digite seu Alimento 2"/>Quantidade:</label><label for=""><input type="number" name="qtd2" max="30" min="1"/></label></li>
<li><label for="">Alimento:<input type="text" name="alimento3" placeholder="Digite seu Alimento 3"/>Quantidade:</label><label for=""><input type="number" name="qtd3" max="30" min="1"/></label></li>
 
<p id="total">Resultado</p><br>
<a href="#" onclick="calcula_alimentos();" id="calcula">calcular</a>   <a href="#" onclick="limpar();" id="limpar">limpar</a>
</fieldset>
</form>
 
 
 

 

//Funções em JAVASCRIPT

 

 

 
var cashRegister={
total:0,
 
add:function(itemCost){
this.total+=itemCost;
 
},//add
  scan: function(item,qtd) {
        switch (item) {
        case "ovos": 
        this.add(0.98*qtd); break;
        case "leite": parseFloat(this.add(1.23*qtd)); break;
        case "revista": this.add(4.99*qtd); break;
        case "chocolate": this.add(0.45*qtd); break;
        }
return true;
}//scan
 
 
};
 
function calcula_alimentos(){
var tabela=document.getElementById('tabela');
var alimento1=tabela.alimento1.value;
var alimento2=tabela.alimento2.value;
var alimento3=tabela.alimento3.value;
 
//quantidade
var quantidade1=tabela.qtd1.value;
var quantidade2=tabela.qtd2.value;
var quantidade3=tabela.qtd3.value;
 
cashRegister.add(alimento1,quantidade1);
cashRegister.add(alimento2,quantidade2);
cashRegister.add(alimento3,quantidade3);
 
document.getElementById('total').innerHTML=cashRegister.total.toFixed(2);
}
 
 
function limpar(){
var tabela=document.getElementById('tabela');
var alimento1=tabela.alimento1.value="";
var alimento2=tabela.alimento2.value="";
var alimento3=tabela.alimento3.value="";
 
//quantidade
var quantidade1=tabela.qtd1.value="";
var quantidade2=tabela.qtd2.value="";
var quantidade3=tabela.qtd3.value="";
 
document.getElementById('total').innerHTML="Resultado";
 
 
}