Bardzo prosił bym o pomoc w tym kodzie. Lewa kolumna jest niezmienna a prawa po każdym przeładowaniu strony zmienia się wartość. Chcę napisać kod lecz nie nie udaje mi się to i chciałbym o gotowe rozwiązanie. Chodzi o to, że po lewej mamy A,B,C,D,E i po prawej musi być ułożone równolegle 1,2,3,4,5 i po kliknięciu sprawdź chcę aby ukazało mi poprawne wyniki. Na zasadzie alert lub komunikat gdzieś pod spodem. W komunikacie chcę treść taką jak, liczba poprawnych odpowiedzi to x a błędnych to y. Odpowiedzi to 1-a, 2-b, 3-c , 4-d 5, -e . Wie ktoś jak to wykonać.
<?
$tablica_1 = array('A','B','C','D', 'E'); $slowo = array('1','2', '3', '4', '5');
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Puzzle Game - Test</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<link rel="stylesheet" href="style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#sortable2" ).sortable({
}).disableSelection();
} );
function sprawdz() {
document.getElementById("result").innerHTML = "Wyniki";
}
</script>
</head>
<body>
<div id="glowna">
<div style="display:inline-block; border:0px solid red; vertical-align:top;">
<ul id="sortable1" class="connectedSortable">
<li class="ui-state-default" id="l1">
<? echo $tablica_1[0
];?></li>
<li class="ui-state-default" id="l2">
<? echo $tablica_1[1
];?></li>
<li class="ui-state-default" id="l3">
<? echo $tablica_1[2
];?></li>
<li class="ui-state-default" id="l4">
<? echo $tablica_1[3
];?></li>
<li class="ui-state-default" id="l5">
<? echo $tablica_1[4
];?></li>
</ul>
</div>
<div style="display:inline-block; border:0px solid red; vertical-align:top;">
<img src="left_right.png" class="arrow">
<img src="left_right.png" class="arrow">
<img src="left_right.png" class="arrow">
<img src="left_right.png" class="arrow">
<img src="left_right.png" class="arrow">
</div>
<div style="display:inline-block; border:0px solid red; vertical-align:top;">
<ul id="sortable2" class="connectedSortable">
<?
foreach ($slowo as $losowe) {
echo " <li class='ui-state-highlight' id='l$losowe' >$losowe </li>"; }
?>
</ul>
</div>
</div>
<div id="sprawdz">
<button onclick="sprawdz()" class="button">Sprawdź</button>
<p id="result"></p>
</div>
</body>
</html>