Добавить список в ul

#javascript

#javascript

Вопрос:

Я пытаюсь создать список в 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>
  

.
.
.

Скрипт не добавляет список…

Надеюсь, кто-нибудь сможет помочь :/

Ответ №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;
    }
}