How to get the url of a website with an extension? – Blancer.com Tutorials and projects

How to get the url of a website with an extension?
im trying to get the url of a website with an extension and display it

but if i try to get it normally it returns:

chrome-extension://bilkbnaojbkfbinghcpobifhemelfope/index.html

which is the html file of the extension

how would i make it give me the actual https website that im on?

my index.html:

 <!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>Document</title>
</head>
<body>

    <h1 id="url"> url goes here </h1>


    
    <script src="script.js" ></script>
</body>
</html>

my script.js:

const urlEl = document.getElementById("url")
window.setInterval(function doTheTing() {
        urlEl.innerText = document.URL
    }, 1000)

my manifest.json:

{
“manifest_version”: 2,

"name": "url thing",
"version": "0.1.0",
"description": "",

"browser_action": {
    "default_popup": "index.html"
},

"content_scripts": [{
"js": ["script.js"],
"matches": ["https://*/*"]
}],


"permissions": ["activeTab"]

}

thanks for the help!