Javascript'te Şu Kodlar Neden Çalışmıyor?

Javascript'te şu kodlar neden çalışmıyor, ama şu kod çalışıyor? "if" bloğunun içine şunu veya bir altındakini girersem çalışmıyor ama üçüncü'de problem yok. Halbuki başka yerlerde görüyorum, önce "getElementById" veya "getElementsByClassName" ile "value" alıyor değişkene eşitleyerek. Sonrasında da "degisken.innerHTML" ile de "div" içine bir şeyler yazdırıyorlar.

<input id="metinyaz" type="text">
<div id="burayayaz"></div>

document.getElementById("burayayaz").innerHTML = metinyaz;

metinyaz.innerHTML = burayayaz;

alert("a");

<script>
var metinyaz = document.getElementById("metinyaz").value;
var burayayaz = document.getElementById("burayayaz");
document.addEventListener("keyup",function(enterolayi){
    if(enterolayi.keyCode === 13) {
        ......................
    }
});
</script>

Çalışmayanda class adıyla yakalamaya çalışmıssın, getElementsByClassName yerine getElementById yazmalısın

Hocam öncelikle getElementsByClassName kullanmışsınız fakat burayayazı divde class yerine idye tanımlamışsınız. classa tanımlamalısınız yahut getElementsByClassName yerine getElementById kullanmalısınız.
2. çalışmayanda ise aslında alttaki çalışanda cevabı yer alıyor. öncelikle metinyaz ve burayayaz diye değişken tanımlamlısınız. Daha sonra kullanabilirsiniz.

Yine çalışmıyor düzelttim.

<input id="metinyaz" type="text">
<div id="burayayaz"></div>

Anladığım kadarıyla şöyle bişey olabilir.

<input id="metinyaz" type="text">
<div id="burayayaz"></div>
<script>
    var input_elm = document.getElementById('metinyaz');
    var input_text = input_elm.value;
    document.getElementById("burayayaz").innerHTML = input_text;
    input_elm.addEventListener('keyup', (enterolayi) => {
        if (enterolayi.keyCode === 13) {
            document.getElementById("burayayaz").innerHTML = event.target.value
        }
    });
</script>

Zaten ben değişken tanımlamıştım aşağıdakilerle.

var metinyaz = document.getElementById("metinyaz").value;
var burayayaz = document.getElementById("burayayaz");

keyup fonksiyonunu kullanırken inputu belirtmemişsiniz. document.addEventListener yazmışsınız. onu metinyaz.addEventListener olarak değiştirirseniz çalışır.

Göz Atabilirsin

<input type="text" id="metinyaz" placeholder="Metin Yaz...">
<div id="burayayaz"></div>

var metinAlani = document.getElementById('metinyaz'); 
    var burayayaz = document.getElementById("burayayaz");
    metinAlani.addEventListener('keyup', function() { 
        burayayaz.innerHTML = this.value;
    });

Şu kod çalıştı. Peki bir-iki şey sorayım, o zaman.

    var input_elm = document.getElementById('metinyaz');
    var input_text = input_elm.value;
    document.getElementById("burayayaz").innerHTML = input_text;
    input_elm.addEventListener('keyup', (enterolayi) => {
        if (enterolayi.keyCode === 13) {
            document.getElementById("burayayaz").innerHTML = event.target.value
        }
    });

var input_text = input_elm.value;

1. Burada niye değişken değiştirdik?
2. Aşağıdaki kodda "event.target.value" nereden geldi.

document.getElementById("burayayaz").innerHTML = event.target.value