script.js

let textInput = document.querySelector('#text-input');
let messageBin = document.querySelector('#message-bin');


let nameEntered = false;
let pronounsEntered = false;
let firstLanguage = false;

let pronounOptions = ['he/him', 'they/them', 'she/her']

let personInfo = {
  'name': '',
  'pronouns': '',
  'language': '',
}

function textEntery(event) {
  if (event.key == 'Enter') {
    if (!nameEntered) {
      personInfo.name = textInput.value;
      nameEntered = true;

      // add their answer
      let answer = document.createElement('li');
      answer.classList.add('answer');
      answer.innerText = textInput.value;
      messageBin.append(answer);

      console.log('name was entered');

      // add next step question
      let askPronouns = document.createElement('li');
      askPronouns.innerText = "what are your prefered pronouns?";
      messageBin.append(askPronouns);

      textInput.value = '';

    } else if (!pronounsEntered) {
      personInfo.pronouns = textInput.value;
      pronounsEntered = true;
      console.log('pronouns were entered')

      // add their answer
      let answer = document.createElement('li');
      answer.classList.add('answer');
      answer.innerText = textInput.value;
      messageBin.append(answer);

    } else if (!firstLanguage) {
      // do something with language
    }
  }
}


textInput.addEventListener('keyup', textEntery);