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ı?
Öncelikle merhaba.
const ile tanımladığın değişkenler salt-okunur şekilde belleğe kaydedilir. Bu yüzden değişiklik yapacağın verileri let ya da var ile tanımlamanı öneririm.
Koda gelecek olursak da
Eğer butonun textini aktarmak istiyorsan;
let area = document.getElementById('area');
let rockButton = document.querySelector('.rock');
rockButtonHTML = rockButton.innerHTML;
area.innerHTML += rockButtonHTML;
Eğer komple butonu aktarmak istiyorsan;
let area = document.getElementById('area');
let rockButton = document.querySelector('.rock');
rockButtonHTML = rockButton.outerHTML;
area.innerHTML += rockButtonHTML;