title: P5.JS .show() is not a function, why?
body: <p>Not sure if i'm getting the scope wrong but iv'e tried moving the function around a bit but it just gives me that is not a function error. </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-js lang-js prettyprint-override"><code>let bubbles = [];
  function setup() {
    createCanvas(400, 400);
   for (let i = 0; i &lt; 10; i++){
   bubbles[i] = new Bubble(200, 200, 40)
   }
  }
  
  
  
  
  function draw() {
    background(0);
   for (i = 0; i &lt; bubbles.length; i++){
    bubbles[i].show();
  }}
   
   function show() {
   stroke(20);
   strokeWeight(2);
   fill(random(255), 0, random(255))
   ellipse(this.x, this.y, this.r * 2)
  
  }
  
  class Bubble {
   constuctor(x, y, r){
   this.x = x;
   this.y = y;
   this.r = r;
  }}</code></pre>
  </div>
  </div>
  </p>