Блог

Я пытаюсь создать «казино» для школьного проекта (моего последнего проекта). Я использую Materializecss для отображения модального. И используйте javascript, чтобы показывать что-то еще для каждой нажатой кнопки.

Я искал вокруг, пытаясь найти решение. Но я действительно не знаю, как отформатировать мой вопрос. Итак, вот изображение; Как вы можете видеть, на нем показаны 2 кнопки, где вы можете выбрать «орел» или «решка» с помощью модального параметра.

Модальный код;

   <div id="modal1" class="modal">
    <div class="modal-content">
      <h4 id="header"></h4>
      <div id="text"></div>
    </div>
    <div class="modal-footer">
      <a href="#!" class="modal-close waves-effect waves-green btn-flat">Close</a>
    </div>
  </div>
  

Кнопка, которая запускает модальный;

 <li><a onclick="loginmodal();" class="btn modal-trigger" href="#modal1">Login</a></li>
  

И javascript;

  $(document).ready(function(){
 $('.modal-trigger').leanModal();
 });

function loginmodal() {
document.getElementById("header").innerHTML = "Login";
document.getElementById("text").innerHTML = "Login stuff here<br><br><br><br><br><br><br><br><br><br><br><br>";
}
  

Он не должен показывать кнопки через модальный. Как это делается на данный момент. Кнопки доступны для просмотра, и когда появляется форма, ее просто не должно там быть.