JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<form>
<textarea name="text" id="txt">foo
bar</textarea>
<p id="a"></p>
<p id="b"></p>
<p id="c"></p>
<button type="submit">SEND</button>
</form>
</body>

JavaScript

$("form").on("submit", function(e) {
  e.preventDefault();
  a.textContent = encodeURIComponent(txt.value)
  b.textContent = encodeURI(txt.value)
  c.textContent = $("form").serialize()
});