title: How to make html button call external javascript drawing function
body: <p>So my end goal is to have a simple webpage with say 10 buttons and each button, upon being clicked, calls a different javascript function. Each of these functions would be some sort of drawing. To start I'm just trying to get used to buttons calling external js files. </p>
  
  <pre><code>    &lt;html&gt;
  &lt;head&gt;
    &lt;script type = "text/javascript" src="/Users/myname/Downloads/p5-release 3/empty-example/sketch.js"&gt;
    &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;button onclick="setup();draw();"&gt;
          Draw me a circle!
      &lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Above is my html file and below is the javascript file from which I am trying to call the function.</p>
  
  <pre><code>function setup() {
    createCanvas(1300, 800);
  }
  
  function draw(){
      ellipse(100,100,80,80);
  }
  </code></pre>
  
  <p>The button appears but after it is clicked nothing else happens. I would like the button to disappear after being clicked and only the ellipse to remain. Is this a possibility? I'm very new to web development (I started yesterday) so I'm sorry if this is a really easy problem to solve. </p>