Actualmente estoy diseñando un formulario para calcular precio y costo de un determinado producto.

El codigo que estoy usando para esto es el sigueinte:

en la pagina de visualización:
<h2></h2>
<h1></h1>

El script usado para enviarle la inforación del calculo es:




```
<script>
$(document).ready(function(){

    function actualizarTabla() {
        var cantidades = [];
        var precios = [];
        var preciosTotal = [];

        var total = 0;
        $(".table tbody > tr").each(function(index) {
            var cantidad = Number($(this).find('.cantidad').val());
            cantidades.push(cantidad);

            var precio = Number($(this).find('.precio').val());
            precios.push(precio);

            var total_unitario = cantidad * precio;
            preciosTotal.push(total_unitario);
            $(this).find('.precioTotal').text(total_unitario+' Pesos');
            total += total_unitario;
        });
        $("h2").text('Subtotal: '+total+' Pesos');
        $("h1").text('Total: '+total*1.16+' Pesos');
    }

    actualizarTabla();

    $(".table").on('change', function() {
        actualizarTabla();
    });

});
</script>



```
Muchas gracias amigo anexo el código que estoy utilizando para realizar la accción que comento Aquí el Html :

```<body>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th scope=>Product code</th>
                                <th scope="col">Name</th>
                                <th scope="col">Quantity</th>
                                <th scope="col">Unit price</th>
                                <th scope="col">Total price</th>
                            </tr>
                        </thead>
                        <tbody>
                                                                <tr>
                                    <th scope="row">2</th>
                                    <td>Football ball</td>
                                    <td><input type="number" class="form-control cantidad" value="1"></td>
                                    <td><input type="number" class="form-control precio" value="4" readonly></td>
                                    <td class="precioTotal"></td>
                                </tr>
                                                                <tr>
                                    <th scope="row">3</th>
                                    <td>Football shirt</td>
                                    <td><input type="number" class="form-control cantidad" value="1"></td>
                                    <td><input type="number" class="form-control precio" value="5" readonly></td>
                                    <td class="precioTotal"></td>
                                </tr>
                                
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <h2> </h2> 
                    <h1> </h1> 
                </div>
            </div>

        </div>

```


El apoyo que necesito es para mejorar el como mostrar la información sin los H1..6 ya que esto no ayuda con el formato del texto.

De antemano gracias.

Saludos