Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Kostka potrzebna pomoc

Patryk Kwinczak
 Udostępnij

Rekomendowane odpowiedzi

Patryk Kwinczak Nowicjusz

Patryk Kwinczak

Opublikowano
Opublikowano (edytowane)

Witam, jestem tutaj nowy.

Potrzebna mi Wasza pomoc (nie wiem czy w dobrym miejscu umieszczam temat)

Mam taki kod: 

 

 

<html>
<head>
<title>Kostka losujaca oceny z matmy.</title>
<link rel="stylesheet" type="text/css" href="style2.css" />
 
</head>

<script>
    function losuj(){
        var zmienna = Math.floor(Math.random() * 6+1);
        
        console.log(zmienna)
        //window.alert('brak wartości');
        //document.write('zła wartość');
        document.forml.losowa.value = zmienna;
            }
</script>

<body>
    <h1>Kostka do gry</h1>
            
        <form name="forml">
        <input type="button" value="losuj" onclick="losuj()" />
        <input type="text" size="5" name="losowa" />
        </form>
    </body>
</html>

 

Ma to robić że po wyświetleniu losowej liczby np.1 wyświetli się obrazek z 1 oczkiem i tak dalej jak na kostce do gry.

Ma to być zrobione w html i CSS 

 

Na stronie wygląda to mniej więcej tak (załącznik)

21.png

Edytowane przez Patryk Kwinczak
Odnośnik do komentarza
Udostępnij na innych stronach
Macsch15 Arcymistrz

Macsch15

Opublikowano
Opublikowano

Stwórz sobie grafiki 1.png, 2.png i tak dalej, następnie dodaj przed formularzem grafikę z grafiką domyślną. 

<img src="default.png" alt="Image" id="img" />

A po przypisaniu wartości do pola: 

document.getElementById('img').src = zmienna + '.png';

Przykład: https://jsfiddle.net/02spf5h6/

  • Dziękuję 1
Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.