Selamlar

const area = document.getElementById('area');
const rockButton = document.querySelector('.rock');
area.innerHTML += rockButtonHTML;

bu kodun ekran çıktısında "[object HTMLButtonElement]" bu yazıyor.

Ama butonu aşağıdaki şekilde tanımlarsam ekranda buton normal şekilde görünüyor.

rockButton = `<button class="button-wrapper rock" data-value="rock">ROCK</button>`;

bu şekilde tanımlamak istemiyorum alternatifi var mı?