funni problem if else

function inputValues() {
  document.querySelector('#inputs').innerHTML += "<h2>Add New User</h2>"
  for (i = 0; i < userAdd[0].length; i++) {
    console.log (userAdd[0][i].input)
    if (userAdd[0][i].input = "text") {
      document.querySelector('#inputs').innerHTML +=
        '<div class="col-md-4">' +
        '<label for="validationCustomUsername" class="form-label">' + userAdd[0][i].label + '</label>' +
        '<div class="input-group has-validation">' +
        '<input type="text" class="form-control" placeholder="' + userAdd[0][i].holder + '" id="validationCustomUsername" aria-describedby="inputGroupPrepend" required>' +
        '<div class="invalid-feedback">' +
        'Please choose a username.' +
        '</div>' +
        '</div>';
    }
    else if (userAdd[0][i].input = "option") {
      document.querySelector('#inputs').innerHTML +=
        '<div class="col-md-3">' +
        '<label for="validationCustom04" class="form-label">' + userAdd[0][i].label +'</label>'+
        '<select class="form-select" id="validationCustom04" required>'+
        '<option selected disabled value="">' + userAdd[0][i].holder + '</option>'+
        '<option>t</option>'+
        '<option>e</option>'+
        '</select>'+
        '<div class="invalid-feedback">' +
        'Please choose a username.' +
        '</div>' +
        '</div>';
    }
  }
  document.querySelector('#inputs').innerHTML += '<button type="button" type="submit" class="btn btn-primary submit-btn">Primary</button>';

}

output should be two option boxes and 3 text boxes