JSFiddle - React, Tailwind, and code Playground

HTML

<ul id='list'>
</ul>

JavaScript

function addDebug(obj) {
  var ul = document.getElementById('list');
  var li = document.createElement('li');
  var txt = document.createTextNode(obj.toString());
  li.appendChild(txt);
  ul.appendChild(li);
}

var url = 'http://my.url.com/que/tem/ç/cedilha/e/ãé/acentos';
addDebug('Original: ' + url);
addDebug('Encoded: ' + encodeURI(url));