Javascript innerHTML Hk.
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ı?
string olarak eklemek yerine butonu kendin oluştur
let button = document.createElement('button');
button.innerHTML = 'ROCK';
button.class = 'button-wraper rock';
document.getElementById('area').append(button)
veya hali hazirda butonun varsa onu append edebilirsin
let area = document.getElementById('area');
let rockButton = document.querySelector('.rock');
area.append(rockButton);