Я пытаюсь создать «казино» для школьного проекта (мой последний проект). Я использую 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>";
}
Он не должен показывать кнопки через модал. Как это происходит в данный момент. Кнопки можно нажимать, а когда форма появляется, ее просто не должно быть.