Intento crear un sitio de tienda simple para aprender, pero me quedé atascado al hacer clic en el botón. cuando hago clic no pasa nada. debería mostrar el texto del valor en el botón oculto cuando hago clic en el botón.

a continuación está mi código php

 $i=1; while($rows = mysqli_fetch_assoc($varresultP)){ echo "<button type='button' class='btn btn-outline-primary' onclick='myFunction()' >".$rows['var_name']."</button>"; echo "<input type='hidden' name='price' value=".$rows['price']." id='price{$i}'>"; echo "<input type='hidden' value=".$rows['id']." id='id{$i}'>"; echo "<input type='hidden' value=".$rows['quantity']." id='quantity{$i}'>"; $i++; }

el resultado es que aparecen varios botones, pero no sucede nada cuando hago clic en el botón. El botón total se basa en la base de datos cuántos datos tiene.

a continuación es mi jsquery

 function myFunction() { for(var i=1; i<5; i++){ var x = document.getElementById("price"+i).value; document.getElementById("sendPrice").innerHTML = x; var x = document.getElementById("id"+i).value; document.getElementById("idDiv").innerHTML = x; var x = document.getElementById("quantity"+i).value; document.getElementById("showQuantity").innerHTML = x; } }

valor de id(price) que quiero mostrar en div id(sendPrice) , valor de id(id) que necesito mostrar en el botón href, valor de id(quantity) que necesito aparecerá en div id(showQuantity) cuando el botón está onclick.

a continuación se muestra el código html

 <div class ='row' style='padding: 30px; width: 100px;'><p>USD: <label class='p2--semi-bold c-red' id='sendPrice'></p></label></div> <div class ='row' style='padding: 30px; width: 100px;'><p>Productid: <label id='idDiv'></p></label></div> <div class ='row' style='padding: 30px; width: 100px;'><p>Quantity: <label id='showQuantity'></p></label></div>