title: How to call REST API in HTML
body: <p>API Noob here, I'm having a really hard time figuring out API's and google tutorials are leaving me think they are way more advanced then I figure they should be. Here is what I'm trying to do:</p>
  
  <p>Create a simple webpage that allows me to search the information located at this pokemon API: <a href="https://pokeapi.co/" rel="noreferrer">https://pokeapi.co/</a></p>
  
  <p>Can anyone help me figure out how to write a function to make it work?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;h1&gt;PokeMon Search API&lt;/h1&gt;
  
  &lt;script&gt;//javascript function here?&lt;/script&gt;
   
    &lt;input id="text" type="text" value="" style="Width:20%"/&gt; 
    &lt;button&gt;Find PokeMon By Name&lt;/button&gt;
  
  &lt;p&gt;Results&lt;/p&gt;   
    &lt;div v-html="link.FUNCTIONVARIABLE"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks for any help!</p>