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>