如何无需点击按钮输出JavaScript返回值？网页粉丝数显示问题排查

你的代码核心问题是DOM元素获取方式错误，导致无法正确更新页面内容，具体错误和修正如下：

错误点分析 #

1. 错误的DOM获取写法：
   你用了 document.getElementById.innerHTML("123")，这完全不符合语法。getElementById 是直接接收元素ID作为参数的方法，正确写法是 document.getElementById("123")，获取到元素后再操作它的属性。

2. getFollowers函数冗余操作：
   这个函数的职责应该是获取粉丝数，不需要在里面操作DOM，你写的 const count = document.getElementById.innerHTML("123"); 属于多余且错误的代码，直接删除即可。

修正后的代码 #

async function getFollowers(user) {
  const response = await fetch(`https://scratchdb.lefty.one/v3/user/info/${user}`);
  const responseJson = await response.json();
  // 直接返回粉丝数，不需要操作DOM
  return responseJson.statistics.followers;
}

function pfollows(user) {
  // 正确获取DOM元素
  const element = document.getElementById("123");
  const USER = user;
  getFollowers(USER).then(count => {
    element.textContent = `${USER} 当前有 ${count} 个粉丝。`;
  });
}

额外注意事项 #

• 确保你的HTML中有一个ID为123的元素，比如：<div id="123"></div>，否则getElementById会返回null，依然无法显示内容。
• 调用pfollows函数时要传入有效的用户名，比如pfollows("minecraft")。

内容的提问来源于stack exchange，提问作者user19755225