¿Cómo puedo hacer para que cuando mi arreglo incluya una palabra específica, aparezca una entrada de texto?

Después de recibir ayuda incontables veces en este foro, finalmente creé mi propia cuenta después de quedarme atascado en mi código, ¡y no poder resolverlo! 🙁

Antes de la información, quería crear una aventura de texto con JavaScript y seguí esta guía en YouTube: https://www.youtube.com/watch?v=R1SNhKkvGA&abchannel=WebDevSimplified

Quería que mi juego tuviera varias “habitaciones” por las que puedes pasar, y algunas habitaciones solo se pueden pasar si encuentras una llave, por ejemplo. Ver demo. Para hacer esto, agregué un if/if else al final de mi selectChoice.

Sin embargo, si ves la demo, quiero que cuando presiones el botón que dice “Ir a la puerta de Bowser(!!!)”, aparezca una entrada de texto, en lugar del botón que dice “Introducir canción favorita”. Entonces, se supone que el usuario debe ingresar una suposición de la canción favorita de Bowser y, si es correcta, pasará al siguiente nodo de texto (el que ahora aparece después de presionar “Introducir canción favorita”). Si está equivocada, quiero que aparezca un nuevo texto y la opción de volver a la habitación / nodo de texto anterior.

TLDR; Quiero que cuando tenga una palabra específica en mi matriz, como showInput: “(texto que aparece en una etiqueta antes de la entrada de texto)”, aparezca una entrada de texto para el usuario. Si el usuario ingresa la respuesta correcta, se lo enviará al siguiente “id” en mi matriz. Ver demo para visualizar.

En conclusión, no puedo encontrar la solución para implementar esta función. ¡Cualquier ayuda sería súper apreciada!

Si me faltó información importante o tengo que explicar mi código, ¡házmelo saber! Esta es mi primera publicación en stackoverflow 🙂

Aquí está la demo hasta ahora: https://willen17.github.io/Textspel/
Aquí están mis archivos y código: https://github.com/Willen17/Textspel