Rarible Clone dilemma

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

<!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/[email protected]/dist/web3.min.js"></script>
    <script src="https://unpkg.com/moralis/dist/moralis.js"></script>  
    <script src="main.js"></script>
</body>
</html>``
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();

Hey @SolidCircle

Which button do you want to see on the browser?

it doesn’t matter because i don’t see either one…

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

Did u run my code or is that your code?

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

How do i fix my server? Let me double check…

I’ve copied and pasted your code.
Are you using a code editor plugin “Live Server”?

I added the extension but haven’t quite figured it out. I’m new to this…

I see… Now it says mweb is not a constructor

Which code editor do you use?

Virtual Studio Code vscode

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

That’s the one I’m using

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

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?

Now it says cannot read property map

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