Как получать повторный алерт после закрытия старого?

Question

[kaleon]

Код срабатывает по кнопке. Если после первого раза закрыть, то больше алерт показываться не будет, потому что не находит error-alert.

JS

if (!var) {
        return document.getElementById('error-alert').style.display = 'block';
}

HTML

<div id="alerts">
    <div id="error-alert" class="alert alert-danger alert-dismissible fade show" role="alert" style="display: none;">
         <button type="button" class="close" data-dismiss="alert">&times;</button>
         <strong>Ошибка!</strong> 
   </div>
</div>

Comments

[Павел Волынцев]

Ваш код JS не соотвествует коду HTML

Выложите _нерабочую_ версию на codepen или jsfiddle, пожалуйста

[kaleon]

Павел Волынцев, Извиняюсь, поправил.

[Петр Мухуров]

Убрать data-dismiss из кнопки, положить в кнопку onclick = e => document.getElementById('error-alert').style.display = 'none'

Answer 1

[Юрий Есин]

Следует понимать, что ваш код отрабатывает в рантайме линейно и большинство проверок отработают сразу после загрузки DOM. Если вам нужно, чтобы проверки и события работали уже после загрузки документа отложенно, вам необходимо изменить логику вашего кода. Например, повесить вашу проверку и показ алерта на таймаут или событие клика кнопки, тогда алерт будет показываться по условию уже после загрузки документа.