Hallo Leute , ich entwickelt einen Lotto Spiel mit springBoot ,Java ,HTML, Thymeleaf,Bootstrap und java-script .
ich benutze die Badget . Ich möchte, wenn die Userzahl korrekt ist, die Badget farbe von richtige Userzahl sich ändern . Wie kann ich es entwickelt ?
Ich lasse mein HTML Seite hier. Es wäre toll, wenn es bei Java-script entwickeln werden.
ich benutze die Badget . Ich möchte, wenn die Userzahl korrekt ist, die Badget farbe von richtige Userzahl sich ändern . Wie kann ich es entwickelt ?
Ich lasse mein HTML Seite hier. Es wäre toll, wenn es bei Java-script entwickeln werden.
HTML:
<body>
<div class="jumbotron text-center" style="marign-bottom: 0">
<h1>LottoMat</h1>
</div>
<div>
<h2 class="text-center font-italic text-primary ">Drawn numbers
below:</h2> <br>
<p class="text-center">
<span class="badge badge-pill badge-warning" th:text="${lotto.first}"></span>
<span class="badge badge-pill badge-warning"
th:text="${lotto.second}"></span> <span
class="badge badge-pill badge-warning" th:text="${lotto.third}"></span>
<span class="badge badge-pill badge-warning"
th:text="${lotto.fourth}"></span> <span
class="badge badge-pill badge-warning" th:text="${lotto.fiveth}"></span>
<span class="badge badge-pill badge-warning" th:text="${lotto.sixth}"></span>
</p>
<h2 class="text-center text-success font-weight-bolder ">
Your result is <span class="badge badge-pill badge-danger"
th:text="${lotto4}"></span>
</h2>
</div>
<br>
<div align="center">
<span class="badge badge-pill badge-primary" th:text="${lotto3.first}"></span>
<span class="badge badge-pill badge-primary" th:text="${lotto3.second}"></span>
<span class="badge badge-pill badge-primary" th:text="${lotto3.third}"></span>
<span class="badge badge-pill badge-primary" th:text="${lotto3.fourth}"></span>
<span class="badge badge-pill badge-primary" th:text="${lotto3.fiveth}"></span>
<span class="badge badge-pill badge-primary" th:text="${lotto3.sixth}"></span>
</div>
<br><br><br>
<div align="center">
<div class="btn-group btn-md">
<p>
<span><a th:href="@{/lotto}" class="btn btn-info"> Play
Again </a> </span> <a th:href="@{/}"> <span
class="btn btn-danger glyphicon-home"> Go to homepage </span></a>
</p>
</div>
</div>
</body>