Estoy con un proyecto utilizando laravel y al momento de obtener los datos del controlador, en la vista utilizo un foreach
para recuperar los datos enviados, pero también quisiera que cada dato enviado se almacene en un array en Javascript para poder operar con estos.
vista:
@foreach($producto as $prod)
<tr>
<td>
<input type="text" min="1" max="100" id="precio" value="{{ $prod->precio }}" readonly="readonly">
</td>
<script>
function calcular(){
var precio = document.getElementById("precio");
var total = precio.value;
var array = [total]
for ( i = 0; i < array.length; i++) {
var resultado = array[i];
console.log(resultado);
}
}
</script>
</tr>
@endforeach
<td>
<button onClick="calcular()" class="btn btn-info" id="calcular">Total</button>
</td>
Al momento de imprimir el array solo me guarda el primer dato que estaba en la lista cuando debería mostrar todos los datos que envié del controlador.
<input>
conid="precio"
, lo cual es incorrecto por sintaxis de HTML, entre otras. Además,<script>
está dentro del foreach, lo cual significa que la función calcular se está generando N veces también, algo innecesario y potencialmente incorrecto, puede llevar a otros errores.