Внутренний HTML - правильная форма

Question

Я пытаюсь вставить html в зависимости от того, выбрал ли пользователь страницу facebook или нет. На данный момент моя основная функция (searchOrDropdown()) не работает. Я пытаюсь устранить неполадки, и я хочу убедиться, что я использую метод inner.HTML js правильно.

Спасибо!

var getDropDown = function() { 
     return ' 
    <div class="btn-group page-actions" dropdown is-open="status.isopen" id ="dropdown_html"> 
     <button id="button_current_page_name" type="button" class="btn background-color-transparent color-text dropdown-toggle" data-toggle="dropdown"> 
      <span class="hidden-sm hidden-xs" id="user_pages_selected">Loading your Facebook pages...</span>&nbsp;&nbsp;&nbsp;<i class="fa fa-angle-down"></i> 
     </button> 
     <ul id="ul_user_pages_list" class="dropdown-menu" role="menu"> 
     </ul> 
    </div>'; 
     }; 

var getSearchBar = function() { 
     return ' 
     <div class="search-wrapper">  
      <form> 
       <input style="border-radius:15px" onkeyup ="PagesDropDown.pageValueDidChange(value)" style= "margin-top: 0.5cm" type="text" value="" required class="search-box" placeholder= "Enter your page" autofocus> 
      </form> 
     </div>'; 
    }; 

var searchOrDropdown=function(value) 
    { 
     //TODO find the wrapper element 
     var wrapper = document.getElementById("sdparent_wrapper")); 
     if (!FacebookPage.currentPage) { 
      wrapper.innerHTML = getSearchBar(); 
     } else{ 
      wrapper.innerHTML = getDropDown(); 
     } 
    }; 

Answer 1

Вопрос - это ваши разрывы. Попробуйте добавить обратную косую черту в конце каждой строки:

var getDropDown = function() { 
    return '\ 
<div class="btn-group page-actions" dropdown is-open="status.isopen" id ="dropdown_html">\ 
    <button id="button_current_page_name" type="button" class="btn background-color-transparent color-text dropdown-toggle" data-toggle="dropdown">\ 
     <span class="hidden-sm hidden-xs" id="user_pages_selected">Loading your Facebook pages...</span>&nbsp;&nbsp;&nbsp;<i class="fa fa-angle-down"></i>\ 
    </button>\ 
    <ul id="ul_user_pages_list" class="dropdown-menu" role="menu">\ 
    </ul>\ 
</div>'; 
    }; 

И есть один слишком много скобка в вашем коде, так и изменить следующее:

var wrapper = document.getElementById("sdparent_wrapper"); 

Answer 2

изменения вар обертка = документ .getElementById ("sdparent_wrapper")); to var wrapper = document.getElementById ("sdparent_wrapper")