funkcja appendToDisplay
Lekcja 11 z 14 w kursie Projekt DOM – kalkulator w Coddy.
Musimy utworzyć cztery funkcje:
- appendToDisplay: wyświetla wartość klikniętej liczby lub symbolu
- clearDisplay: czyści wszystko na wyświetlaczu (C)
- deleteLast: usuwa każdą liczbę lub symbol (działanie klawisza Backspace)
- calculateResult: po kliknięciu przycisku równości zostaje wygenerowany wynik.
Wyzwanie
Łatwy- Utwórz funkcję appendToDisplay, która przyjmuje parametr value i dopisuje liczby lub symbole do elementu 'display'.
- 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
1Wprowadzenie
Co zbudujesz?4Spraw, by działało
funkcja appendToDisplayPoćwicz samodzielnie: Edytor online Web