получить API и JSON

Question

По какой-то причине вторая команда then в строке 12 моего файла js кажется непроводящей.Это почему ?Спасибо

Редактировать: Вопрос должен был быть: По какой-то причине второй console.log не дает вывод.

На этот вопрос успешно ответили комментаторы.Спасибо

codepen

document.getElementById('btn').addEventListener('click', btnPressed);

function btnPressed() {

  fetch("https://randomuser.me/api")
    .then(function(res) {
      console.log(res);
      return res.json();

    })
    .then(function(data) {
      console.log(data);
    })
    .catch(err => console.log('Error,with     message:', err.statusText))
}

<button id=btn>Button</button>

Answer 1

Both console.log functions are working... Please run the below code.



<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>    document.getElementById('btn').addEventListener('click', btnPressed);

    function btnPressed() {

      fetch("https://randomuser.me/api")
        .then(function(res) {
console.log("...................1st console Start");
          console.log(res);
console.log("...................1st console End");
          return res.json();

        })
        .then(function(data) {
console.log("...................2nd console Start");
          console.log(data);
console.log("...................2nd console End");
        })
        .catch(err => console.log('Error,with     message:', err.statusText))
    }

    <button id=btn>Button</button>