JavaScript for循环陷入无限循环

Question

I have added a Javascript function as an onclick on a Boostrap button. When I click the button, my CPU goes to 100%, the page becomes unresponsive and the following two console lines are printed over and over again:

Loop i 1

and

Loop j 1

What could be the problem? Here is my code:

var strBeskrivningPH = "random string";

    var row = document.createElement("tr");
        //var i indicates which cell index (arranged horizontally inside a row) 
        for(var i = 0; i < 13; i++){
            console.log("Loop i 1");
            var cell = document.createElement("td");
                if(i=0){
                    var cellContent1 = document.createElement("INPUT");
                    cellContent1.setAttribute("type", "textbox");
                    cellContent1.setAttribute("placeholder", strBeskrivningPH);
                    cell.appendChild(cellContent);
                }
                else if(i=1){
                    var cellContent2 = document.createElement("SELECT");
                    cellContent2.setAttribute("class", "list");
                    //cellContent2.onchange = setprog; //fix function later for changing option here. It will auto-set some checkboxes
                        for(var j = 0; j<13; j++){
                            console.log("Loop j 1");
                            var option = document.createElement("option");
                            var oText = "";
                            //TODO: kolla om hämta detta från lista istället via API?
                            if(j==0){
                                oText = "a";
                            }
                            else if (j==1){
                                oText = "b";
                            }
                            else if (j==2){
                                oText = "c";
                            }
                            else if (j==3){
                                oText = "d";
                            }
                            else if (j==4){
                                oText = "e";
                            }
                            else if (j==5){
                                oText = "f";
                            }
                            else if (j==6){
                                oText = "g";
                            }
                            else if (j==7){
                                oText = "h";
                            }
                            else if (j==8){
                                oText = "i";
                            }
                            else if (j==9){
                                oText = "j";
                            }
                            else if (j==10){
                                oText = "k";
                            }
                            else if (j==11){
                                oText = "l";
                            }
                            else if (j==12){
                                oText = "m";
                            }
                            //var option = document.createElement("option");
                            option.text = oText;
                            option.value = j;
                            cellContent2.add(option, null);
                        }
                        cell.appendChild(cellContent2);
                }
                else if(i=8){
                    var goodnight = document.createElement("select");
                    goodnight.setAttribute("class", "list");
                    var goodnightOptions = ["0% a", "25% a", "50% a", "75% a", "100% a", "0%", "25%", "50%", "75%", "100%"];
                    for(var j = 0; j < goodnightOptions.length; j++){
                        console.log("Loop j 2");
                        var option = document.createElement("option");
                        option.text = goodnightOptions[j];
                        options.value = j;
                        goodnight.add(option, null);
                    }
                    cell.appendChild(goodnight);
                }
                else if(i = 9){
                    var goodmorning = document.createElement("select");
                    goodmorning.setAttribute("class", "list");
                    var goodmorningOptions = ["0% a", "25% a", "50% a", "75% a", "100% a", "0%", "25%", "50%", "75%", "100%"];
                    for(var j = 0; j < goodnightOptions.length; j++){
                        console.log("Loop j 3");
                        var option = document.createElement("option");
                        option.text = goodmorningOptions[j];
                        options.value = j;
                        goodmorning.add(option, null);
                    }
                    cell.appendChild(goodmorning);
                }
                else{
                    var checkbox = document.createElement("INPUT");
                    checkbox.setAttribute("type", "checkbox");
                    //SET ID
                    cell.appendChild(checkbox);
                }
                row.appendChild(cell);
        }
        console.log(5);
        //document.getElementById("tableBodyId").innerHTML += row;
        document.getElementById("tableBodyId").appendChild(row);
}

Answer 1

Strah Behry, James Thorpe and Rajesh are all correct. I wrote "=" instead of "==" in my if-statesments. Question resolved.