Append список для уль

Question

Im пытается создать список под ул со следующим кодом:

function calc() 
{ 
    document.getElementById("calc_result").innerHTML; 
    percent = 1; 
    profit = 0; 
    amount = document.getElementById("calc_amount").value; 
    if (amount>100000) amount = 100000; 
    if (amount<10) amount = 0; 
    for (var i = 1; i <= 365; i++) 
    { 
     profit = parseFloat(profit) + parseFloat(amount*percent/100); 
     profitday = parseFloat(amount*percent/100); 

     var ul = document.getElementById("calc_result"); 
     var li = document.createElement("li"); 
     li.appendChild('<li class="cfix"><span>'+i+'</span><span>$'+profitday.toFixed(2)+'</span><span>$'+profit.toFixed(2)+'</span></li>'); 
     ul.appendChild(li); 
     if (percent<4) 
      percent += 0.5; 
    } 
} 

Вывод должен быть таким:

<ul class="inner" id="calc_result"> 
     <li class="cfix"> 
     <span>1</span> 
     <span>$2.00</span> 
     <span>$2.00</span> 

. . .

Dont скрипт добавляет список ...

Надеюсь кто-то может помочь:/

Answer 1

Проблема заключалась в том, где вы пытаетесь добавить текст, как ребенок. li.appendChild('<li class="cfix"><span>'+i+'</span><span>$'+profitday.toFixed(2)+'</span><span>$'+profit.toFixed(2)+'</span></li>'); должно быть li.innerHTML = '<span>'+i+'</span><span>$'+profitday.toFixed(2)+'</span><span>$'+profit.toFixed(2)+'</span>'

function calc() 
{ 
    document.getElementById("calc_result").innerHTML; 
    percent = 1; 
    profit = 0; 
    amount = document.getElementById("calc_amount").value; 
    if (amount>100000) amount = 100000; 
    if (amount<10) amount = 0; 
    for (var i = 1; i <= 365; i++) 
    { 
     profit = parseFloat(profit) + parseFloat(amount*percent/100); 
     profitday = parseFloat(amount*percent/100); 

     var ul = document.getElementById("calc_result"); 
     var li = document.createElement("li"); 
     li.className = "cfix"; 
     li.innerHTML = '<span>'+i+'</span><span>$'+profitday.toFixed(2)+'</span><span>$'+profit.toFixed(2)+'</span>' 
     ul.appendChild(li);  
     if (percent<4) 
      percent += 0.5; 
    } 
}