კურსის დასრულების შემდეგ შეძლებთ HTML CSS-ით ააწყოთ კომპლექსური ვებ გვერდები.
ჯავასკრიპტში fetch api გვაძლევს საშუალებას დავამყაროთ კავშირი ბექენდთან api-ის დახმარებით, რაც საშუალებას გვაძლევს ფრონტენდში გამოვიტანოთ დინამიური მონაცემები, რომელსაც ბექენდი დაგვიბრუნებს.
ქვემოთ მოცემული კოდი არის ვიდეოში განხილული მაგალითი
const getUsers = async () => {
try {
const ul = document.querySelector('ul');
const users = await fetch('../db/users.json').then(_ => _.json())
users.forEach(user => {
const li = document.createElement('li');
li.innerText = `${user.first_name} ${user.last_name}`;
ul.appendChild(li);
});
} catch (error) {
console.log(error)
}
}
getUsers();
კომენტარები 2
ვალერი ხარიტონაშვილი
@nika
ხო სწორად მიხვდი
nika nakopia
სალამი.
ul.appenchild() ფრჩხილებშ მოთავსებული ნებისმიერი რამ, მაგალითად li - ს ვეუბნებით, რომ ის იქნება ul ის შვილი, და მასში იქნება მოთავსებული.
ეგაა ლოგიკა ამის?