Não consigo converter um campo string para ponto flutuante

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;

};

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";

}