quiero agregar una fila a una tabla, pero no sé por qué no funciona, adjunto el script y una imagen de referencia
Esta es la tabla y el botón con el que quiero iniciar la acción
aquí el código
<div class="tab-pane active" id="venta">
<h5>Venta</h5>
<div class="row">
<div class="col-8" style="padding-top: 4px">
<table class="table table-bordered table-sm">
<thead class="thead-dark">
<tr>
<th scope="col">Codigo</th>
<th scope="col">Nombre</th>
<th scope="col">Precio</th>
</tr>
</thead>
<tbody>
<tr>
<td>En esta fila</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<form class="form-inline" method="POST" action="">
<label for="">Codigo</label>
<div class="col">
<input type="text" class="form-control col-2">
<a class="btn btn-dark btn-agregar-producto-venta" href="#">Agregar producto</a>
</div>
</form>
</div>
</div>
</div>
</div>
y aquí el script
<script>
$(document).ready(function(){
function agregarAVenta(){
var html = '<tr>';
html += '<td><h1>un codigo</h1></td>'
html += '<td><h1>un nombre</h1></td>'
html += '<td><h1>un precio</h1></td></tr>'
$('tbody').append(html);
}
$('.btn-agregar-producto-venta').click(function(
agregarAVenta();
));
});
</script>
la idea principal seria hacer una fila, que inserte un nombre y un precio, pero para efectos de mi duda se puede agregar lo que sea
$(".btn-agregar-producto-venta").on("click", function (
no hace nada, sabes que puede ser? le puse un alert, como flag y tampoco lo hace