Блог

Итак, я столкнулся с проблемой в самом начале своей работы. итак, вот чего я хочу достичь и в соответствии с тем, что я узнал (все еще учусь) Я не могу найти никакого способа решения этой проблемы. Итак, у меня есть index.php

 <?php
    include("core/head_load.php");
?>
<?php
    include("core/login.php");
?>
  

Итак, этот файл связывает login.php и общие теги head вместе…
теперь в login.php У меня есть кнопка

 <button class="login_btn" onclick="openLoginModal();">Login</button>
  

теперь эта кнопка при нажатии должна изменять стиль модальной страницы с display none на display block….
Теперь модал находится в файле, расположенном в подкаталоге

core/modals/login_modal.php

 <div id="loginModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <span class="close">amp;times;</span>
            <h2>Modal Header</h2>
        </div>
        <div class="modal-body">
            <p>Some TExt</p>
        </div>
        <div class="modal-footer">
            Footer
        </div>
    </div>
</div>
  

теперь моя функция loginModal Js :

 openLoginModal = function(){
    var loginModal = document.getElementById("loginModal");
    $("#loginModal").addClass("show");
    loginModal.style.display = "block";
}
enter code here