Estoy trabajando en un proyecto que requiere que tome la entrada del usuario de 3 campos. Después del envío, estos se colocarían en una matriz que podría usarse para generar una llamada API basada en estos parámetros.

 <h2>ENTER YOUR INGREDIENTS</h2> <div class="left"></div> <div class="right"> <form class="search-form"> <input type="text" class="field" id = "form1" placeholder="First Ingredient"> <input type="text" class="field" id = "form2" placeholder="Second Ingredient"> <input type="text" class="field" id = "form3" placeholder="Third Ingredient"> <input type="button" id="btn" value="Submit">Search</button> </form> </div>

Este es el HTMl: actualmente estoy atascado en hacer que los formularios se envíen todos a la vez y se coloquen en una matriz. Tengo un pequeño JS para mostrar, ya que me he quedado atascado.

Cualquier ayuda sería genial.