Làm thế nào để lấy id ở trong form

Mình đã fetch từ API và id mình fetch ra đã ở trong form như hình nhưng khi mình console log như code dưới đây để lấy id của form thì nó không hiện gì cả, nếu mình muốn code như của mình nhưng console log sẽ hiện ra id của form thì phải thêm những gì ạ. nếu mình muốn tạo một biến chứa id của form thành biến toàn cục thì làm như nào ạ. Xin cảm ơn.

function onResponse(response) {
    return response.json();
}

function fetch_code(data) {
    const a = JSON.stringify(data);
    const b = JSON.parse(a);
    //create new element
    the_div.id = b._id;
    const newh2 = document.querySelectorAll("h2");
    const newform = document.querySelectorAll("label");
    const form = document.querySelectorAll('form');

    for (let i = 0; i < newh2.length; i++) {
        const newdiv = document.createElement('id');
        form[i].appendChild(newdiv);
        form[i].id = b.questions[i]._id;
        console.log(form[i].id);
        newh2[i].textContent = b.questions[i].text;

        newform[4 * i].textContent = b.questions[i].answers[0];
        newform[4 * i + 1].textContent = b.questions[i].answers[1];
        newform[4 * i + 2].textContent = b.questions[i].answers[2];
        newform[4 * i + 3].textContent = b.questions[i].answers[3];
    }
}
fetch('https://wpr-quiz-api.herokuapp.com/attempts', {
    method: "POST"
}).then(onResponse).then(fetch_code);
const form_new = document.querySelector('form');
console.log(form_new.id);

Vì nó xử lý bất đồng bộ, đoạn console.log là chạy trước khi dữ liệu nhận được. Muốn hiện thì để console.log trong hàm fetch_code.

3 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?