ui.js

let ui = {
  setDisplayName: (name) => {
    document.getElementById('displayName').innerHTML = name
  },

  setProfilePicture: (imgBlob) => {
    document
      .getElementById('profileImg')
      .setAttribute('src', URL.createObjectURL(imgBlob))
  },

  updateOutput: (res) => {
    let output = '<pre>'

    for (var key in res) {
      if (res.hasOwnProperty(key)) {
        output += `<span style='color: green;'>"${key}"</span>: "${res[key]}", <br />`
      }
    }

    output += '</pre>'

    document.getElementById('output').innerHTML = output
  }
}