title: How to PASS a html input field TO axios javascript code?
body: <p>I need plain/regular html form with a dropdown input field, called TYPES. 
  Then I need the axios code I got from a codepen, to "receive" the TYPES value, that the user selected.  I don't understand how the html form input field is sent to the axios code?</p>
  
  <p>The next steps are working, but I can't pass in the TYPES value. THanks</p>
  
  <p>I know how to make a form.</p>
  
  <p>I know php code.  (( fyi. example.com/getimages.php?cat=TYPES, this is working, but I need 'types' to be the passed in value))</p>
  
  <p>I'm not good at axios or javascript.</p>
  
  <p>***** HTML code *****</p>
  
  <pre><code>input: &lt;input type="text" name="TYPES"  id="TYPES"&gt;
  &lt;button onclick=“findimages()"&gt;Search&lt;/button&gt;
  </code></pre>
  
  <p>***** AXIOS code from a codepen *****</p>
  
  <pre><code>(function($) {
  
  
  .... &lt;other code&gt;
  
   const fetchImages = (count = 10) =&gt; {
  
     axios.
     get(`https://example.com/getimages.php?cat=TYPES`).
     then(res =&gt; {
       setImages([...images, ...res.data]);
       setIsLoaded(true);
  
       console.log(images);
     });
   };
  
  .... &lt;other code&gt;
  
  };
  
  ReactDOM.render(React.createElement(Collage, null), 
  document.getElementById("root"));
  
  } )( jQuery );
  </code></pre>
  
  <p>If the search button on the html form can "call/send/pass" the axios code AND pass in the TYPES value... all will be great!</p>