Question

//SCROLL TO BOTTOM FOR WAYS TO GET A MEETING AND AN EXCEEDING

var secretWord = "secretword"

function setup() {
createCanvas(400, 400);
background(220);
}

function draw() {
  
rect(100,150,100,70)
text("Click to \nstart hangman",110,175)
  
rect(225,150,100,70)
text("Click to \nguess letter",235,175)
  
}

function mousePressed(){
if(mouseOnRect(100,150,100,70)){
//begin hangman game
//create variable to hold secret word as an array split by letter
//create variable to hold display word as an array of * or _ that takes the place of each letter
//get the display word array to show up on the screen
}
  
if(mouseOnRect(225,150,100,70)){
//click to guess letter
//get guess from user
//check if guessed letter is part of word and update display word
//check if display word and secret word array match and alert the user accordingly
}
  
}

//MEDIUM OPTIONS:
//1. create an array of possible secret words
//2. pick a random secret word each time the program is run so the game can be replayed

//SPICY OPTIONS:
//everything in medium + pick 2 of the following options to get to an exceeding!

//1. use while loops to make the following happen:
//Only allow users to guess single letter guesses - if their guess length is more than 1, make them guess again.

//2. convert user guesses to lowercase to make sure it always matches

//3. create a number of guesses and end the game if the user does not get the word in that many guesses

//4. create a reset button that will pick a new word and reset the game

//5. create a button that will allow the user to guess the word as a whole without guessing all the letters individually - report if they won or not based on this answer

//6. Display a box of letters that have already been guessed to make life easier on the user. (You may need a list to track them!)

//7. Make a visual "hangman" that will add a head, torso, arms, and legs when user gets things wrong (this ties nicely to the only getting x number of guesses one)

//All of these are possible now but will become MUCH easier when we learn about objects next unit, so just keep that in mind!

Please solve this using JavaScript. Thank You!