Javascript var in href tag

Question

Hi I would like to put a dynamic link in a href tag with window.location.href

How can I do this?

<a href="https://twitter.com/share?url="+ <script> window.location.href </script>+ "&text=!" target="_blank">
  Twitter
</a>

Does this answer your question? [How to change href of tag on button click through javascript](https://stackoverflow.com/questions/4365246/how-to-change-href-of-a-tag-on-button-click-through-javascript) — Alexandre Elshobokshy, Mar 29 '20 at 12:05

score 0 · Answer 1 · answered Mar 29 '20 at 12:04

0

You could give the a an id and look it up by that.

document.getElementById('foo').setAttribute('href', `https://twitter.com/share?url="${window.location.href}&text=!`);

<a id="foo" target="_blank">
  Twitter
</a>

answered Mar 29 '20 at 12:04

baao

It's a duplicate, I think that it should be marked as such rather than answered. – Alexandre Elshobokshy Mar 29 '20 at 12:05

score 0 · Answer 2 · answered Mar 29 '20 at 12:06

0

You can try the following way:

var el = document.querySelector('a');
el.href = el.href+window.location.href + '&text=!';

<a href="https://twitter.com/share?url=" target="_blank">
  Twitter
</a>

answered Mar 29 '20 at 12:06

Mamun

2 Answers2