Rarible Clone dilemma

Moralis General
#1

I canā€™t get a button display on my browser. The server is running and everytime i refresh the page, the terminal posts http/1.1 304. I double checked my main.js and index.html and the code is right. But still no display

#2 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Culture</title>
</head>
<body>

    <div>
        <button id="btnConnect">Connect wallet</button>
        <button id="btnUserInfo">Profile</button>
    </div> 
    <script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
    <script src="https://unpkg.com/moralis/dist/moralis.js"></script>  
    <script src="main.js"></script>
</body>
</html>``
#3 
Moralis.initialize("Le95gObRCYtxHc8EUnBfLByDfBWRFEZkjlNRXa0J");
Moralis.serverURL = 'https://ldkjffesu0ln.usemoralis.com:2053/server'

init = async () => {
    window.web3 = await Moralis.Web3.enable();
    initUser();
}

initUser = async () => {
    if (await Moralis.User.current()){
        hideElement(userConnectButton);
        showElement(userProfileButton);
    }else{
        showElement(userConnectButton);
        hideElement(userProfileButton);
    }
}

login = async () => {
    try {
        await Moralis.Web3.authenticate();
        initUser();
    } catch (error) {
        alert(error)
    }
}

hideElement = (element) => element.style.display = "none";
showElement = (element) => element.style.display = "block";

const userConnectButton = document.getElementById("btnConnect")
userConnectButton.onclick = login;

const userProfileButton = document.getElementById("btnUserInfo")

init();
#4

Hey @SolidCircle

Which button do you want to see on the browser?

#5

it doesnā€™t matter because i donā€™t see either oneā€¦

#6

Maybe you have problem with your local server settings?
Check it there:

#7

Did u run my code or is that your code?

#8

Sweet. Thatā€™s my code! At least i did that part right. Iā€™ve been trouble shooting since last night

#9

How do i fix my server? Let me double checkā€¦

#10

Iā€™ve copied and pasted your code.
Are you using a code editor plugin ā€œLive Serverā€?

#11

I added the extension but havenā€™t quite figured it out. Iā€™m new to thisā€¦

#12

I seeā€¦ Now it says mweb is not a constructor

#13

Which code editor do you use?

#14

Virtual Studio Code vscode

#15

Try this plugin:
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer#review-details

#16

Thatā€™s the one Iā€™m using

#17

https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser#review-details

#18

Its my metamask web 3 extension. I only had the metamask ext. Smh. Now it says object objectā€¦ How should i set the settings in the metamask web3 ext?

#19

Now it says cannot read property map

#20

Does the metamask have to be preset to a particular testnet?