Post a preset phrase on Twitter

Question

const frase = 'Olá Mundo!'

<a href="https://twitter.com/compose/tweet" target='_blank'>
    <button>Twitter</button>

The link to the tag <a> redirects to the Twitter page already with 'What’s happening? ' open, for the user to make a publication. Is there any way that link loads the previously defined phrase, causing the user not to have to type 'Hello World!'?

Answer 1

I don’t know if it makes sense what you want to do, but it is possible to pass the parameter text to the URL you are using.

<a href="https://twitter.com/compose/tweet?text=Olá Mundo" target='_blank'> 
    Tweetar 'Olá Mundo'
</a>

How to change the value of href at runtime?

You can change anything (or practically) on your web page using Javascript. In your case, you need to follow these 2 simple steps:

1. Get the element a page using some API for this - document.getElementById, document.querySelector and so on...
2. Change the property href of this element for the value that the variable contains.

Example:

const urlBase = "https://twitter.com/compose/tweet"
const texto = "Meu tweet"

var btn = document.querySelector('#btn-tweet');

btn.addEventListener('click', () =>
{
  const elementoAncora = document.querySelector('a')
  elementoAncora.href = `${urlBase}?text=${texto}`
});

<button id="btn-tweet">Alterar texto do tweet</button>
<br>
<a href="https://twitter.com/compose/tweet?text=Olá Mundo" target='_blank'> 
    Tweetar
</a>

For the code to be useful even you will need to get this text from somewhere, but it gets task =)