エンコード encodeURIComponent

<form action="">
  <textarea id="text"></textarea>
  <input id="btn" type="button" value="ツイートする" />
</form>

const text = document.getElementById("text");
const btn = document.getElementById("btn");

// ツイートする
btn.addEventListener("click", () => {
  console.log(text.value);
  console.log(encodeURIComponent(text.value)); // エンコード
  console.log(decodeURIComponent(encodeURIComponent(text.value))); // デコード

  const tweetURL = `https://twitter.com/intent/tweet?text=${encodeURIComponent(
    text.value
  )}`;
  window.open(tweetURL);
});

encodeURIComponent(),encodeURI()の違い
encodeURI()は /?&=+:@$;,# をエスケープしない