Если пользователь сайта вошел в систему, то сделать объект видимым - если вышел из системы, то невидимым

Question

Этот код, чтобы проверить, вошел ли пользователь сайта в систему или не работает идеально.

<script type="text/javascript">
    if (logged_in) {
        alert("My user is logged in!");
    } else {
        alert("My user is NOT logged in!");
    }
</script>

Однако, если вместо оповещения я использую это

<script type="text/javascript">
    if (logged_in) {
        document.getElementById('txtLOGIN1').style.visibility='visible';
    } else {
        document.getElementById('txtLOGIN1').style.visibility='hidden';
    }
</script>

Это не работает. Может кто-нибудь сказать мне, что я делаю не так, пожалуйста? 'TxtLOGIN1' - это текстовое поле, которое я хочу показать или скрыть.

Answer 1

Где ваш скрипт размещен в html? Может быть, ваш элемент dom еще не существует в момент запуска сценария?

попробуйте использовать что-то вроде этого:

<script>
  function ready() {
    if (logged_in) {
      document.getElementById('txtLOGIN1').style.visibility='visible';
    } else {
      document.getElementById('txtLOGIN1').style.visibility='hidden';
    }
  }

  document.addEventListener("DOMContentLoaded", ready);
</script>