diff --git a/index.html b/index.html index e512195..6e4e8f2 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,7 @@
diff --git a/js/profile.js b/js/profile.js new file mode 100644 index 0000000..3c52903 --- /dev/null +++ b/js/profile.js @@ -0,0 +1,27 @@ + +let usernameInput = document.querySelector("#usernameInput"); +let statusInput = document.querySelector("#statusInput"); +let profilePicInput = document.querySelector("#profilePicInput"); +let profileSaveInput = document.querySelector("#profileSaveInput"); + +// 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(); +}); diff --git a/profile.html b/profile.html index 8da158d..3a1c525 100644 --- a/profile.html +++ b/profile.html @@ -9,9 +9,10 @@Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt numquam, consequatur eos error ducimus quisquam nam ut quasi sint adipisci sit molestiae, ad dolorum iste possimus deleniti rerum ipsum repudiandae.