CODEWITHSUNDEEP
javascript
Parham
Parham

Reputation: 224

How do I repeat the button when it is clicked multiple times?

For example, when I click 111222, display will show 111222.

let display = document.querySelector('.display');

let numberButtons = document.querySelectorAll('.number').forEach(function(numberButtons){
    numberButtons.addEventListener('click', showNumber)
    function showNumber(){
        display.innerHTML = numberButtons.innerHTML
    }
});

<body>
    <div class='container'>
      <div class="display">0</div>
      <button class='number' id='one'>1</button>
      <button class='number' id="two">2</button>
    </div>
</body>

Upvotes: 0

Views: 54

Answers (1)

Andre Figueiredo
Andre Figueiredo

Reputation: 13425

you need to append instead:

display.innerHTML += numberButtons.innerHTML

Upvotes: 2

Related Questions