Problem z JavaScriptem (pętla for)

Question

Witam, mam taki kod:

<i id="dodaj" class="icon-plus"></i><i id="odejmij" class="icon-minus"></i>     
           <div id="cmds"></div>        
       </form>
    </div>
    <script>
        var komendy = 0;
        $('#dodaj').click(function(){
            komendy++;
            document.getElementById("cmds").innerHTML = document.getElementById("cmds").innerHTML + '<input name="cmd'+komendy+'" placeholder="Komenda '+komendy+'" type="text" class="form-control inputW"><br /><br />';
        });
        $('#odejmij').click (function(){
            komendy--;
            document.getElementById("cmds").innerHTML = "";
            if (komendy > 0){
                for (i = 0; i == komendy; i++){
                document.getElementById("cmds").innerHTML = document.getElementById("cmds").innerHTML + '<input name="cmd'+i+'" placeholder="Komenda '+i+'" type="text" class="form-control inputW"><br /><br />';
                }                
            }
            else {
                document.getElementById("cmds").innerHTML = "";
            }
        });
    </script>

Chciałbym, żeby po wciśnięciu plusa skrypt dodawał inputa do diva, a po wciśnięciu minusa, odejmował go.Plus działa poprawnie, jednak po wciśnięciu minusa, skrypt USUWA WSZYSTKO Z DIVA a powinien usunąć tylko jednego inputa. Może mi ktoś pomóc?

Answer 1

Zobacz: twój kod pętli for wygląda tak:

for (i = 0; i == komendy; i++){
        ...
}  

Jednak pętla for jako drugi element przyjmuje warunek, jeśli on jest spełniony wtedy wykona się kolejna iteracja, w twoim przypadku przed pętlą sprawdzasz czy komendy>0, a warunek w pętli dajesz 0 == komendy (bo i najpierw równa się 0), więc ani razu nie wykona się kod w pętli.

Aby to naprawić należy zmienić warunek pętli na   i<komendy  , wtedy wszystko powinno działać.