Как показать div с оператором if / else после получения ответа

Question

У меня есть форма, где все вопросы разделены на разные страницы (div), но я показываю и скрываю страницы. Когда пользователь получает ответ от API, где его статус «принят», он перенаправляется на URL. Я пытаюсь выяснить, как показать div, если их статус «отклонен».

Ответ выглядит так:

{status: "REJECTED", redirectUrl: null, loanID: null, errors: Array(0), rejectReason: "Existing Customer", …}

Мой if / elsestatement выглядит как

if(b.status == "ACCEPTED") {
  window.location = b.redirectURL;
}
else {
  // not sure
}

Я пробовал описанный ниже метод, но он не работает.

document.getElementById('page18').style.visibility = "visible"; 

Вот как выглядит конечная часть моей формы.

Страница 17 - это то, на что попадает пользователь после того, как он нажал кнопку отправки, а страница 18 - это страница отклонения, на которую я бы хотел, чтобы он перенаправлялся в случае получения отклоненного ответа.

<!---PAGE 16 -->

<div id="page17" class="pageform">
  <h3 style="text-align: center;">Thank you for your submission!</h3>
  <h4 style="text-align: center;"> Please wait one moment while we process your application.</h4> <br> <br>
  <div class="loading">Loading…</div>
</div>

<!---REJECT PAGE -->

<div id="page18" class="pageform">
  <h3 style="text-align: center;">Sorry, we were unable to fund your request at this time.</h3>
</div>

Answer 1

, если вы используете приведенный ниже код в вашем CSS:

visibility: hidden;

в javascript, чтобы показать ваш div, вы должны использовать:

document.getElementById('page18').style.visibility = "visible"; 

, но если вы используете дисплей в вашемcss:

display: none;

в javascript, чтобы показать этот предмет, который вы должны использовать:

document.getElementById('page18').style.display='block';