Skocz do zawartości

Hosting dHosting.pl - 10% rabat!

WSPIERAJ forum :)

Rekomendowane odpowiedzi

Napisano (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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Napisano (edytowane)

 @Macsch15Dzięki o to mi chodziło mniej więcej. :fan_1: . Wiesz może jeszcze jak zrobić ze dopiero po kliknięciu "losuj" będzie wyświetlana liczba oczek?

Edytowane przez Patryk Kwinczak

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
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ę

  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×

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ę.