profile.js

let usernameInput = document.querySelector("#usernameInput");
let statusInput = document.querySelector("#statusInput");
let profilePicInput = document.querySelector("#profilePicInput");
let profileSaveInput = document.querySelector("#profileSaveInput");
let profilePicDisplayElement = document.querySelector("#profilePicDisplay")
let profilePic = localStorage.getItem("") //|| "unknown.jpg"


// setting the input values default
usernameInput.value = localStorage.getItem('username');
statusInput.value = localStorage.getItem('userStatus');

function saveProfileImageLocally() {
    if (profilePicInput.files && profilePicInput.files[0]) {
        var reader = new FileReader();
        reader.onload = function(e) {
            localStorage.setItem("userProfilePic", reader.result);
        }
        reader.readAsDataURL(profilePicInput.files[0]); 
    }
}

profileSaveInput.addEventListener( 'click', function(e) {
    e.preventDefault();
    localStorage.setItem("username", usernameInput.value);
    localStorage.setItem("userStatus", statusInput.value);
    saveProfileImageLocally();
});

function mew(){
  let src = 'img/meow.mp3';
  let audio = new Audio(src);
  audio.play();
}

function savedProfile() {
  alert("You have saved your profile, Congrats!")
  
    var text = document.getElementById("showText");
    if (text.style.display === "none") {
      text.style.display = "block";
    } else {
      text.style.display = "none";
    }
    
  }