write js variable to specific html

Question

I'm trying to write js variable (tab.url.toString()) to html. I've tried to do this:

document.write(tab.url.toString())

but it's a part of a big js code and only this is related to html.

The html is called history.html and I wrote there:

<script src="nameFile.js"></script>

how can I connect between the js code and this specific html file?

Thanks.

There is no such thing as 'specific html file'. You add stuff to the DOM. — 0stone0
– 0stone0, Commented Mar 31, 2022 at 9:33
That specific HTML file would then have to execute the Javascript. You cannot "pass" JS from one page to another. — connexo
– connexo, Commented Mar 31, 2022 at 9:35
You can store it in localStorage for example, which you can then read on the target page. — connexo
– connexo, Commented Mar 31, 2022 at 11:18

void · Accepted Answer · 2022-03-31 11:06:44Z

1

You can try and grab the element by its id in your Javascript file

someId = document.getElementById('someId')

Then you append the value to it by

let val = tab.url.toString()
someId.innerHTML = val

answered Mar 31, 2022 at 11:06

void

4426 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Peter Pointer · Accepted Answer · 2022-03-31 11:46:50Z

0

Create variable on the global window object

You can create a property on the window object, something like this:

window.tabUrl = tab.url.toString();

This variable is globally accessable by every script that comes after its execution.
As long as you always write the full name window.tabUrl it will be available from anywhere.

You can use that value now in other scripts. Just as an example:

document.getElementById('exampleId').innerHTML = window.tabUrl;

Documentation for innerHTML:
https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML

Using global variables on the window object should not be used too much, but it is an easy solution to transfer values for your personal projects.

answered Mar 31, 2022 at 11:46

Peter Pointer

4,2542 gold badges21 silver badges40 bronze badges

2 Comments

connexo Over a year ago

Changes to the window object don't persist between requests.

Peter Pointer Over a year ago

Oh right I understood different HTML files as templates somehow. Nevermind : )

Collectives™ on Stack Overflow

write js variable to specific html

2 Answers 2

Comments

Create variable on the global window object

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Create variable on the global window object

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related