Skip to content

★ Wprowadzanie danych

Jeżeli chcesz dać graczom możliwość wyboru wartości (z określonej listy wartości), która zostanie przypisana do zmiennej, użyj makra (cycling-link: ).

Gracz/ka za każdym kliknięciem na link będzie zmieniał/a wartość zmiennej $kolor

=><=
Wybierz swój ulubiony kolor:
(cycling-link: bind $kolor, "niebieski", "czerwony", "żółty", "zielony")

Więcej w dokumentacji

Rezultat - możesz przetestować:



Makro (dropdown: )

Jeżeli chcesz dać graczom możliwość wyboru wartości zmiennej z rozwijanej listy wartości, użyj makra (dropdown: )

Karteczka: start

Jaki lubisz kolor?
(dropdown: bind $kolor, "niebieski", "czerwony", "żółty", "zielony")

Ile zauważyłeś aniołów na obrazie?
(dropdown: bind $obraz, "1", "2", "3", "5")

[[Sprawdź odpowiedź]]

Karteczka: Sprawdź odpowiedź

{     (if: $obraz is "3")[Masz rację! To prawidłowa odpowiedź.]     (else:)[Zła odpowiedź!]     (link-undo: "Wróć") }

Przykład dropdown - widok z edytora

Rezultat - możesz przetestować:

Jak rozwiązać problem ze stylem CSS? - skorzystaj z kodu:

/* Okienko listy */
tw-expression[name="dropdown"] {
    background: white;
    color: black;
    padding: 10px;
}

/* Okienko rozwiniętej listy */
tw-expression[name="dropdown"] option {
    background: white;
    color: black;
}

/* Wybrana opcja */
tw-expression[name="dropdown"] option:checked {
    background: grey; 
}

tw-expression[name="dropdown"] select {
    border: none;
    padding: 10px;
}

tw-expression[name="dropdown"] select:focus {
    outline: none !important;
}

Więcej w dokumentacji



Częsty błąd

Pamiętaj, że 3 (typ: number) to nie "3" (typ: string)

Jak rozwiązać ten problem?
Założymy, że gracz wybrał odpowiedź z listy "3" (typ: string).
Chciał(a)byś sprawdzić czy odpowiedział dobrze, więc skorzystasz z instrukcji if.

sposób 1:
(if: $obraz is "3")[Masz rację! To prawidłowa odpowiedź]

sposób 2:
(set: $obraz to (num: $obraz))
(if: $obraz is 3)[Masz rację! To prawidłowa odpowiedź]

sposób 3:
(if: (num: $obraz) is 3)[Masz rację! To prawidłowa odpowiedź]


Konwertowanie liczby na tekst: (text: $liczba)
Konwertowanie tekstu na liczbę: (num: $tekst)

Dodatkowo:
Konwertowanie na tekst pisany małymi literami: (lowercase: $tekst)
Konwertowanie na tekst pisany wielkimi literami: (uppercase: $tekst)
Pierwsza litera ma być mała:(lowerfirst: $tekst)
Pierwsza litera ma być wielka:(upperfirst: $tekst)



Makro (prompt:)

Przykład 1

Pole do uzupełnienia bez wartości domyślnej.

(set: $imie to (prompt: "Wpisz swoje imię", ""))
Cześć $imie. Czas na przygodę!

Przykład 1 prompt


Przykład 2

Pole do uzupełnienia z wartością domyślną - "Gracz".

(set: $imie to (prompt: "Wpisz swoje imię", "Gracz"))
Cześć $imie. Czas na przygodę!

Przykład 2 prompt


Przykład 3

Jeżeli gracz/ka zdecyduje się wprowadzić swoje imię, musi kliknąć na link "wprowadzić". Na następnej karteczce pojawi się jego/jej wcześniej wpisane imię.

Jeżeli gracz/ka nie zdecyduje się na wprowadzenie swojego imienia i nie kliknie na link "wprowadzić" (więc $imie=0), wówczas na następnej karteczce zostanie ustawiona dla zmiennej $imie wartość "Gracz".

Karteczka: start

{     Czy chcesz wprowadzić swoję imię?     (click: "wprowadzić")     [(set: $imie to (prompt: "Wprowadź swoje imię", ""))] }

[[Dalej]]

Karteczka: Dalej

(if: $imie is 0)[(set: $imie to "Gracz")]
Witaj $imie. Czas na przygodę! 

Przykład 3 prompt



Makro (confirm: )

Jeżeli zależy ci tylko na tym, aby gracz/ka wprowadził/a odpowiedź "OK" (true) lub "Cancel" (false), użyj makra (confirm: )

(set: $decyzja to (confirm: "Czy chcesz wejść do budynku?"))

{     (if: $decyzja)[Zauważasz piękny [[obraz]].]     (else:)[Trudno - wiele przegapiłeś. [[dalej]]] }

Przykład 4 confirm

Przykład 5 confirm



Makro (alert: )

Jeżeli chcesz jedynie wyświetlić graczom komunikat, użyj wówczas makra (alert: )

(alert: "Pamiętaj, że w ciemnościach dobrze jest użyć latarki.")

Przykład 7 alert



Więcej informacji