Menu
Coddy logo textTech

funkcja appendToDisplay

Lekcja 11 z 14 w kursie Projekt DOM – kalkulator w Coddy.

Musimy utworzyć cztery funkcje:

  1. appendToDisplay: wyświetla wartość klikniętej liczby lub symbolu
  2. clearDisplay: czyści wszystko na wyświetlaczu (C)
  3. deleteLast: usuwa każdą liczbę lub symbol (działanie klawisza Backspace)
  4. calculateResult: po kliknięciu przycisku równości zostaje wygenerowany wynik.
challenge icon

Wyzwanie

Łatwy
  1. Utwórz funkcję appendToDisplay, która przyjmuje parametr value i dopisuje liczby lub symbole do elementu 'display'.
  2. Teraz, gdy nasza funkcja jest gotowa, musimy sprawić, by działała. Użyj więc atrybutu onclick i ustaw appendToDisplay(value) dla wszystkich przycisków z wyjątkiem ‘C’, '←' i ‘='. Poniżej znajduje się przykład:
<button class="btn" onclick="appendToDisplay('/')">/</button>

(Odśwież stronę za pomocą przycisku w prawym górnym rogu i klikaj liczby, aby sprawdzić, czy działa!)

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Projekt DOM – kalkulator

Poćwicz samodzielnie: Edytor online Web