Yine createelement sorunu.lutfen yardim edin

LUTFEN YARDIM EDIN.KAFAYI YIYECEM.BIR TURLU OLMUYOR:

<!DOCTYPE html>
<html lang="tr-TR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bir deneme</title>
    <style type="text/css">
    table{
        border: 3px solid rgb(0, 76, 255);
        width: 100%;
        text-align: center;
        margin: 10px;
    }

    tr,td{
        background-color: blueviolet;
        
    }
    input{
        display: block;
        margin: 19px;
    }
    button{
        padding: 10px;
        border: 2px solid rgb(55, 0, 255);
        border-radius: 10px;
        outline: none;
    }
    
    
    </style>
</head>
<body>
    <input type="text" placeholder="Adi girin" id="adi">
    <input type="text" placeholder="Soyadi girin" id="soyadi">
    <input type="text" placeholder="yasi girin" id="yasi">
    <button onclick="ekle()">Tabloya ekle</button>
    <table id="tablo">
        <tr>
            <td>Adi</td>
            <td>Soyadi</td>
            <td>Yasi</td>
        </tr>
    </table>

    <script>
        function ekle(){
            var kafayiyiyecem = document.querySelector("button")
            kafayiyiyecem.style.border="2px solid red"
            var adi = document.getElementById("adi").value
            var soyadi = document.getElementById("soyadi").value
            var yasi = document.getElementById("yasi").value
            var tr = document.createElement("tr")
            var adyarad = document.createElement("td")
            var soyadyarad = document.createElement("td")
            var yasyarad = document.createElement("td")
            adyarad.textContent=adi
            soyadyarad.textContent=soyadi
            yasyarad.textContent=yasi
            tr.appendChild("adyarad")
            tr.appendChild("soyadyarad")
            tr.appendChild("yasyarad")
            var tablo = document.querySelector("#tablo")
            tablo.appendChild("tr")
            adi=null
            soyadi=null
            yasi=null
        }

    </script>


</body>
</html>

adsoyad, soyadyarad, yasyarad, tr değişkenlerini kullanmaya çalışırken tırnak işareti kullanırsanız bunları String yapmış olursunuz.

Buradaki değişkenleri tanımlamanızın bir anlamı kalmaz. Tek yapmanız gereken tırnak işaretlerini kaldırmak.

1 Beğeni

2 tane tırnak yuzunden neredeyse kafayi yiyordum.Tesekkur ederim.sayenizde buda cozuldu.