时间戳

首页 > 解决方案 > 未捕获的类型错误：无法在 HTMLFormElement 处读取 null 的属性“值”。使用api时js中的错误

javascript - 未捕获的类型错误：无法在 HTMLFormElement 处读取 null 的属性“值”。使用api时js中的错误

问题描述

我第一次使用 API 时出现此错误，这是 index.html 在此处输入图像描述

这是 script.js

window.onload = function(){
const API_URL = "https://api.github.com/users/";

const main = document.getElementById('main');

const form = document.getElementById('form')

const search = document.getElementById('search')

async function getUsers(user) {
    const resp = await fetch(API_URL + user);
    const respData = await resp.json();

    createUserCard(respData);
}

function createUserCard(user) {
    const cardHTML = `
    <div class="card">
    <div>
    <img src="${user.avatar_url}" alt="${user.name}" />
     </div>
    <div>
    <h2>${user.name}</h2>
    <p>${user.bio}</p>
    <ul>
    <li> ${user.followers}</li>
    <li>${user.following} </li>
    <li> ${user.public_repos}</li>
    </ul>
    </div>
    </div>
    `;

    main.innerHTML = cardHTML;
}

form.addEventListener('submit', (e) => {
    e.preventDefault();

    const user = search.value;

    if (user) {
        getUsers(user);

        search.value = '';
    }
});
}

如果有任何错误，请帮助任何帮助将不胜感激。

提前致谢。

标签： javascriptapi

解决方案

推荐阅读