You add things like “
yes, I mean to put something between " ", like getElementById(“userAvatarImg”) vs getElementById(userAvatarImg)
Okay bro I will do that now thanks
It’s improving now bro, see this error, it successfully gets the avatar, now when i upload avatar, and i click on save button, it will alert me userInfo saved successsfully, but after that when i click on “OK” it won’t display the avatar on the Profile.
@cryptokid
nice 
you have x = avatar.save(), you should use there x = await avatar.save()
and then you can add a console.log(x)
1 Like
Okay i will do that now. Thanks
It took me a lot of time to study the code and i eventually found out the error which allow me to uplaod the avatar, now it remains only the avatar to show.
I will do that right now, Hope it will work out.
I think that you didn’t properly upload the avatar yet, but you should be close
1 Like
Is this proper or its also a problem to solve?
When i logout and refresh the page, and connect my wallet back, the avatar won’t display and also the username is not what i set which means the username as changed as well.
@cryptokid
Looks strange, are you sure you authenticated with same address?
I would expect to see the profile that you set previously, and also same username
I tried to use another account, and its same thing, when i refresh the page and login again the username will change there won’t be any avatar showing @cryptokid
I mean, you don’t have to use another account, you should test with same account, but the profile data should remain there after you logout out and login again.
Its keeps changing bro, non of the data is saved why?
Look at my main.js file
const serverUrl = "https://mzrhanzmogsu.moralishost.com:2053/server";
const appId = "gFnTLmvgt8ZDUYMXF80FIonsCRqosKxXcfzmO2bM";
Moralis.start({ serverUrl, appId });
async function hide_buttons() {
let user = await Moralis.User.current();
if (!user) {
document.getElementById("btnConnect").style.display = "block";
document.getElementById("btnUserInfo").style.display = "none";
document.getElementById("btnLogout").style.display = "none";
document.getElementById("userInfo").style.display = "none";
} else {
document.getElementById("btnUserInfo").style.display = "block";
document.getElementById("btnConnect").style.display = "none";
document.getElementById("btnLogout").style.display = "block";
}
}
hide_buttons();
async function login() {
let user = Moralis.User.current();
if (!user) {
try {
user = await Moralis.authenticate({
signingMessage: "Welcome to GrandPaDoge NFT MarketPlace",
});
} catch (error) {
alert(
(error =
"Please consider installing Metamask to connect to MrGrandPaDoge NFT MarketPlace")
);
}
}
console.log("logged in user:", user);
hide_buttons();
const isWeb3Active = Moralis.ensureWeb3IsInstalled();
if (isWeb3Active) {
console.log("Activated");
} else {
async function enable() {
await Moralis.enable();
}
}
}
async function logOut() {
await Moralis.User.logOut();
console.log("logged out");
hide_buttons();
}
async function openuserInfo() {
const user = Moralis.User.current();
hide_buttons();
if (user) {
const email = user.get("email");
if (email) {
userEmailField.value = email;
} else {
userEmailField.value = "";
}
userUsernameField.value = user.get("username");
const userAvatar = user.get("avatar");
console.log(openuserInfo);
if (userAvatar) {
console.log(imgAvatar);
console.log(userAvatar);
imgAvatar.src = userAvatar.url();
document.getElementById("imgAvatar").style.display = "block"; //display avatar
} else {
document.getElementById("imgAvatar").style.display = "none"; //hide avatar when user is connected
}
document.getElementById("userInfo").style.display = "block"; //Hide userinfo
} else {
login(); //if not,then login
}
}
async function saveUserInfo() {
let user = await Moralis.User.current();
user.set("email", userEmailField.value);
user.set("username", userUsernameField.value);
if (fileAvatar.files.length > 0) {
//get user avatar
const avatar = new Moralis.File("avatar.jpg", fileAvatar.files[0]);
console.log(fileAvatar.files);
x = await avatar.save();
console.log(x);
user.set("avatar", x);
}
alert("User info saved successfully!");
openuserInfo();
}
async function closeuserInfo() {
user = await Moralis.User.current();
hide_buttons();
if (user) {
document.getElementById("userInfo").style.display = "none";
console.log("closed");
} else {
logOut();
}
}
document.getElementById("btnConnect").onclick = login;
document.getElementById("btnLogout").onclick = logOut;
document.getElementById("btnUserInfo").onclick = openuserInfo;
document.getElementById("btnCloseUserInfo").onclick = closeuserInfo;
document.getElementById("btnSaveUserInfo").onclick = saveUserInfo;
const userUsernameField = document.getElementById("txtUsername");
const userEmailField = document.getElementById("txtEmail");
const userAvatarImg = document.getElementById("imgAvatar");
const userAvatarFile = document.getElementById("fileAvatar");
what happens if you call this function in your browser console? like typing openuserInfo() and hitting enter?
This is what it show, but i tried to change the username but its not working if i logout and login again it won’t show the username i input to the username box
@cryptokid
only the username is the problem now?
Yes bro that’s the only problem