Forum PHP.pl > [JavaScript][PHP] prosta gra w 3 kubki

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][PHP] prosta gra w 3 kubki

mervius

26.12.2016, 20:39:47

Witam, otóż mam pewien problem, który próbuję rozwiązać cały dzień jednak fakt, że jestem mocno zielony w tych tematach ogranicza moje możliwość.
Otóż, robię prostą grę w zgadywanie (3 kubki, pod którym jest piłka?). Na pierwszej stronie mam tablicę wyników połączoną z bazą sql i miejsce, żeby wpisać swój pseudonim oraz przycisk, który przesyła dane (z tym pseudonimem) do kolejnej strony, na której już gra się znajduje. No i praktycznie tutaj się zaczyna problem. Zrobiłem prostą stronę 3 obrazki kubków, pod każdym przycisk. Na lewo Napis punkty i pod nim licznik oraz przycisk do wysłania swojego wyniku do bazy (czy raczej tabeli) w sql. Próbowałem już na miliony sposobów (zapewne błędnych) sprawić, aby była jedna dana $wynik, do której w zależności od tego czy się zgadło czy też nie dodawało by 2 lub -1. Cały problem w tym, że nie potrafię tych danych zapisać pozostając wciąż na tej samej stronie z możliwością dalszej gry. Czy ktoś byłby w stanie wytłumaczyć mi lub udostępnić część kodu, który działałby w następujący sposób:

Wybieram jeden z kubków poprzez naciśnięcie przycisku pod nim.
Do wyniku zależnie od skutku dodaje mi 2 lub -1. Wynik widoczny na stronie aktualizuje się zaraz po tym dodaniu ale użytkownik wciąż zostaje na stronie i może podjąć kolejną próbę zgadnięcia.
Po kilku próbach, kiedy wciśniemy przycisk "zakończ", wyśle nam do tabelki zmienną z pseudonimem i zmienną z wynikiem.

Z góry dziękuję za wszelką pomoc

viking

26.12.2016, 21:31:15

Pokaż jakiś kod. FetchApi

mervius

27.12.2016, 16:25:08

Dobra, udało mi się jako tako rozwiązać problem z wykorzystaniem JS. Teraz jedynie mam problem z przesłaniem danej var wynik do nowej strony "send.php", żeby tam była odczytana w postaci zmiennej PHP (najlepiej z metody post).

Tutaj skrypt do naliczania wyniku:

[HTML] pobierz, plaintext 
<body>
<script type="text/javascript">
var wynik = 0;
 
function czyWygrana(a)
{
    var kubek = Math.floor((Math.random()*10)%3)+1;
    if(kubek == a) wynik += 2;
    else wynik -= 1;
    document.getElementById("wynik").innerHTML = wynik;
}
</script>
</body>
[HTML] pobierz, plaintext

Tutaj wyświetlanie wyniku po każdym wciśnięciu:

[HTML] pobierz, plaintext 
<h4 id="wynik"></h4>
[HTML] pobierz, plaintext

No i przyciski, które aktywują funkcję:

[HTML] pobierz, plaintext 
 
<input type="button" value="Wybierz" onclick="czyWygrana(1)" /> 
<input type="button" value="Wybierz" onclick="czyWygrana(2)" /> 
<input type="button" value="Wybierz" onclick="czyWygrana(3)" />
 
[HTML] pobierz, plaintext

Z racji, że na stronę "send.php" przesyłana jest dana

[PHP] pobierz, plaintext 
<form action="send.php" method="post" >
<?php
echo("<input type=\"hidden\" name=\"nick\" value=\"$nick\" />");
echo("<input type=\"Submit\" value=\"Koniec\" name=\"opcja\"/>");
?>
</form>
[PHP] pobierz, plaintext

Czy jest możliwość, żeby teraz jakoś przesłać zmienną var wynik do send.php, żebym mógł ją tam odczytać jako $_Post['wynik']?

viking

28.12.2016, 07:51:15

Utwórz sobie w tym formularzu input type=hidden i dopisuj w JS wartość z wynik (oprócz h4).

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.