次のコードで、ULの下のリストを作成しようとして

Question

イムをULにリストを追加します。

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> 

。 。 。

スクリプトいけないが、うまくいけば、誰かが助けることができる...

をリストに追加：/

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