let winHeight = 300;

​

function setup() {

  // Create the canvas (adjust width and height as needed)

  let canvas = createCanvas(winWidth, winHeight);

    // Create the Game Boy emulator container

  let gameBoyEmulator = createDiv();

  gameBoyEmulator.id("game-boy-emulator");

​

  // Create the game container

  let gameContainer = createDiv();

  gameContainer.id("game-container");

​

  // Create the score container

  let scoreContainer = createDiv("Score: ");

  scoreContainer.id("score-container");

​

  //Create the score element in paragraph

  let scoreSpan = createP("0");

  scoreSpan.id("score");

​

  // Create the Game Boy text

  let gameBoyText = createDiv("GameBoy");

  gameBoyText.id("game-boy-text");

  // Create the button container

  let buttonContainer = createDiv();

  buttonContainer.id("button-container");

  // Create the arrow buttons container

  let arrowButtons = createDiv();

  arrowButtons.id("arrow-buttons");

​

  // Create the left and right buttons container

  let leftRightButtons = createDiv();

  leftRightButtons.id("leftRightButton");

​

  // Create the action buttons container

  let actionButtons = createDiv();

  actionButtons.id("action-buttons");

  // Select the page's body element and

  // Return it wrapped in a p5.Element

  let body = select('body');

​

  // Add the gameboyEmulator to the body element

  body.child(gameBoyEmulator);

​

  // Add containers to the main container

  gameBoyEmulator.child(gameContainer);

  gameBoyEmulator.child(gameBoyText);

  gameBoyEmulator.child(buttonContainer);

​

// Add elements to their respective containers

  scoreContainer.child(scoreSpan);

  gameContainer.child(scoreContainer);

  gameContainer.child(canvas);

  buttonContainer.child(arrowButtons);

  buttonContainer.child(actionButtons);

  console.log(body.elt);

}

​

function draw() {

  background(51);

}

​