function optionForCeil(optionEvent, optionFunction, optionChoice) {
    const sketchCeil = Array.from(document.querySelectorAll('.ceil'));

    if (optionChoice == 'add') {
      sketchCeil.forEach(ceil => {ceil.addEventListener(optionEvent, optionFunction)})
    } else if (optionChoice == 'remove') {
      sketchCeil.forEach(ceil => {ceil.removeEventListener(optionEvent, optionFunction)})
    } else {
      return
    }
  }
// change event listener for each ceil
change event listener for each ceil
change event listener for each ceil
function optionForCeil(optionEvent, optionFunction, optionChoice) {
    const sketchCeil = Array.from(document.querySelectorAll('.ceil'));
    if (optionChoice == 'add') {
      sketchCeil.forEach(ceil => {ceil.addEventListener(optionEvent, optionFunction)})
    } else if (optionChoice == 'remove') {
      sketchCeil.forEach(ceil => {ceil.removeEventListener(optionEvent, optionFunction)})
    } else {
      return
    }
  }
function optionForCeil ( optionEvent , optionFunction , optionChoice ) { const sketchCeil = Array . from ( document . querySelectorAll ( '.ceil' ) ) ; if ( optionChoice == 'add' ) { sketchCeil . forEach ( ceil => { ceil . addEventListener ( optionEvent , optionFunction ) } ) } else if ( optionChoice == 'remove' ) { sketchCeil . forEach ( ceil => { ceil . removeEventListener ( optionEvent , optionFunction ) } ) } else { return } }
change event listener for each ceil
change event listener for each ceil