从randomuser.me给出的JSON中获取值，并循环到div中追加

// 1. 发送HTTP请求获取randomuser.me返回的JSON数据
fetch('https://randomuser.me/api/')
  .then(response => response.json())
  .then(data => {
    // 2. 解析JSON数据，提取需要的值
    const users = data.results;
    
    // 3. 使用循环遍历提取的值，并将其追加到HTML的div元素中
    const div = document.getElementById('userList');
    users.forEach(user => {
      const name = user.name.first + ' ' + user.name.last;
      const email = user.email;
      const phone = user.phone;
      
      const userDiv = document.createElement('div');
      userDiv.innerHTML = `<p>Name: ${name}</p><p>Email: ${email}</p><p>Phone: ${phone}</p>`;
      div.appendChild(userDiv);
    });
  })
  .catch(error => {
    console.error('Error:', error);
  });