fungsi appendToDisplay

Pelajaran 11 dari 14 dalam kursus Proyek DOM: Kalkulator di Coddy.

Kita perlu membuat empat fungsi, yaitu:

appendToDisplay: untuk menampilkan nilai angka atau simbol yang diklik
clearDisplay: untuk menghapus semua yang ada di tampilan (C)
deleteLast: untuk menghapus setiap angka atau simbol (berfungsi seperti tombol backspace)
calculateResult: Setelah mengeklik tombol sama dengan, hasil akan muncul.

Tantangan

Mudah

Buat fungsi appendToDisplay dengan value sebagai parameter, lalu tambahkan angka atau simbol ke 'display'.
Sekarang fungsi kita sudah siap, kita harus membuatnya berfungsi. Jadi, gunakan atribut onclick dan tetapkan appendToDisplay(value) ke semua tombol kecuali ‘C’, '←', dan ‘='. Berikut contohnya:

<button class="btn" onclick="appendToDisplay('/')">/</button>

(Segarkan situs web di kanan atas, lalu klik angka untuk melihat apakah ini berfungsi!)

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>