Как из XMLHttpRequest переделать в fetch?

С fetch не работал и пока не особо понимаю, что тут нужно корректировать, как получить путь. Делал по документации yandex.translate через XML

btn.addEventListener('click',  (event) => {

    event.preventDefault();

    let textTr = document.getElementById('header__request');
    console.log(textTr.value);

  let req = new XMLHttpRequest();

  let API_KEY ;

  let url = 'https://translate.yandex.net/api/v1.5/tr.json/translate';

  url += '?key=' + API_KEY; 
  url += '&text=' + textTr.value; 
  url += '&lang=' + targetValue + '-' + targetValue2;

  let translate = document.querySelector('.translate');
  let new_text = document.querySelector('.new_text');

  req.addEventListener('load', () => {

    console.log(req.response); 
    let response = JSON.parse(req.response); 

    if (response.code !== 200) {
      new_text.innerHTML = 'Произошла ошибка при получении ответа от сервера:\n\n' + response.message;
      return;
    }

    if (response.text.length === 0) {
      new_text.innerHTML = 'К сожалению, перевод для данного слова не найден';
      return;
    }

    new_text.innerHTML = response.text.join('<br>'); 
    textTr.value = '';
  });

  req.open('get', url);
  req.send();

})