question.html

  <div id="questionsContainer">
    <label for="question">Qual sua pergunta, <span id="userName"></span>?</label>
    <input id="question"></input>
    <p id="feedBack"></p>
    <button id="sendButton" onClick="sendMessage()">Enviar</button>
  </div>

sendMessage.js

function sendMessage () {
    idleButton()
    var feedBack = document.getElementById('feedBack')
    var question = document.getElementById("question").value.trim()
    if (!question || question.length === 0){
      setError('Insira uma pergunta')
      return
    }
    if (question === lastQuestion) {
      setError('Você já perguntou isso....')
      return
    }
    lastQuestion = question
    if (!authenticated) {
      setError('Logue, por favor')
      return
    }
    if (sending) {
      return
    }
    sending = true
    newMessageRef = databaseRef.push()
    var displayName = userAuthData.user.displayName
    var email = userAuthData.user.email
    if (!email && userAuthData.user.providerData) {
      userAuthData.user.providerData.some(function (data) {
        email = data.email
        return data.email && data.email !== ''
      })
    }
    newMessageRef.set({question, createdAt, displayName, email}, (err) => {
      sending = false
      if (!err) {
        setSuccessFeedback('Pergunta enviada!')
      } else {
        setError('Algo deu errado, tente novamente mais tarde ;)')
      }
    })
  }