Merhaba iyi akşamlar hayırlı işler herkese ben isim soyisim ve numara olacak şekilde müşteri verisi tutan basit bir sistem yapmak istiyorum kendimce araştırma yaparak ai kullanarak yapmayı denedim olmadı sorunum şu ben bu ekledigim veriler sırasıyla eklensin ve her sütun 1++ şeklinde artsın en sonunda bu girdiğim verileri yazdır butonuyla yazıcıdan çıktı almak istiyorum bazı yollar denedim direk sayfanın çıktısını verdiği için butonlar falan sayfada ne varsa hepsi çıktı da geliyor bana sadece tablonun çıktısı lazım yardımcı olacak hocalarım varsa şimdiden teşekkür ederim
<!DOCTYPE html>
<html>
<head>
<title>Veri Girişi</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div class="container mt-5">
<h1 class="text-center">Veri Girişi</h1>
<div class="row">
<div class="col-md-4">
<form id="veri-form">
<div class="form-group">
<label for="isim">İsim:</label>
<input type="text" class="form-control" id="isim" required>
</div>
<div class="form-group">
<label for="soyisim">Soyisim:</label>
<input type="text" class="form-control" id="soyisim" required>
</div>
<div class="form-group">
<label for="numara">Numara:</label>
<input type="text" class="form-control" id="numara" required>
</div>
<button type="button" class="btn btn-primary" id="veri-ekle">Veriyi Ekle</button>
</form>
</div>
<div class="col-md-8">
<table class="table table-striped">
<thead>
<tr>
<th>Sıra No</th>
<th>İsim</th>
<th>Soyisim</th>
<th>Numara</th>
</tr>
</thead>
<tbody id="veri-tablosu">
<!-- Buraya eklenen veriler gelecek -->
</tbody>
</table>
</div>
</div>
</div>
<script>
let siraNo = 1;
// Veriyi eklemek için işlev
$("#veri-ekle").click(function () {
const isim = $("#isim").val();
const soyisim = $("#soyisim").val();
const numara = $("#numara").val();
// Tabloya veriyi ekle
const tabloSatir =
`<tr>
<td>${siraNo}</td>
<td>${isim}</td>
<td>${soyisim}</td>
<td>${numara}</td>
</tr>`;
$("#veri-tablosu").append(tabloSatir);
// Sıra numarasını artır ve formu temizle
siraNo++;
$("#isim, #soyisim, #numara").val("");
});
</script>
</body>
</html>
````