Text input issue

I made this program in p5.js that does my math project for me and I want to make it so the variables are changed based on an input in a text box so its easier for someone else to use. (its called the angry birds project, hence the variables are named "bird" and "pig"). I have a bit of code commented out from my attempt at making the text inputs but it wasn't working. Also, I know my code is ugly and convoluted, but I only started learning a week ago so please be nice! :)

Here is the p5.js sketch that I have been working on: https://editor.p5js.org/julia.maiolo@gmail.com/sketches/bZR8Mzx6S