Añadir carrito de compra boton

[andres18281]

Saludos a tod@s...

Intento capturar la variable de javascript "codigo" que es un array donde desde php hace una consulta de productos que lo recibe el cursor $product y en un for imprime cada registro que lo hace muy bien..

No se si es la mejor manera para desarrollar estos tipos de paginas, por el momento me interesa lograr capturar
el codigo de un producto.

El parametro que recibe la funcion agregar es un onClick = "agregar(this.value)" dentro de un boton que como esta dentro de un for se enumera haciendo que el id del boton sea
btn_agregar1
btn_agregar2
btn_agregar3

lo que hago es que dentro de la funcion de javascript
var select = elemento.replace("btn_agregar",""); tome el ultimo
valor de la cadena de texto y asi acceder a la posición del array que esta el producto y llamarlo por eso utilizo
this.codigo[select] donde select es la extraccion del ultimo valor.

Código PHP:

<div id="menuderecho">
<?php
 
  $product = $consulta->consulta_visualizar_productos();
   echo '<script type="text/javascript"> var codigo = new Array();</script>';
 
  for($l = 0;$l < count($product);$l++){
    $cod[$l] = $product[$l]['codigo'];
    echo '<script type="text/javascript">  codigo['.$l.'] = '.$cod[$l].';</script>';
     echo '<script type="text/javascript"> console.log(codigo['.$l.']);</script>';
    $nomb = $product[$l]['nombre'];
    $cost = $product[$l]['costo'];
    $imag = $product[$l]['imagen'];
    $prov = $product[$l]['proveedor'];
    $cant = $product[$l]['cantidad']; 
    echo "<div class='cuadro'>".'<br>';
    echo '<IMG SRC="'.$imag.'" WIDTH=200 HEIGHT=200 BORDER=0 ALT="producto">';
    echo '<br> Codigo : '.$cod;
    echo '<br> Nombre : '.$nomb;
    echo '<br> Costo : '.$cost;
    echo '<br> Proveedor : '.$prov;
    echo '<br> Cantidad : '.$cant;
    echo '<label> Cantidad </label>';
    echo '<input class="input_number" type="number" name="txt_cantidad'.$l.'" id="txt_cantidad'.$l.'" style="WIDTH: 50px">';
    echo '<input type="submit" name="btn_ver'.$l.'" value="Ver mas" id="btn_ver'.$l.'" onClick = "agregar(this.id)">';
    echo '<input type="submit" name="btn_agregar'.$l.'" value="agregar a carro" id="btn_agregar'.$l.'" onClick = "agregar(this.id)">';
//A&ntilde;adir al Carro
    echo '</div>'; }
  
?>
    <script type ="text/javascript">
     function agregar(elemento){
       var select = elemento.replace("btn_agregar","");
          alert(this.codigo[select]);   
       
      }
  </script>
 
 
 
</div>