21

Re: Підключення node js

чомусь не працює через live server знов
в консолі нічого немає

window.onload = () => {
    let url = 'https://jsonplaceholder.typicode.com/users'
    fetch(url)
        .then((res) => { return res.json() })
        .then((res) => {
            let index = getRandom(0, 9);
            return res[index]
        })
        .then((person) => {
            fetch('https://jsonplaceholder.typicode.com/posts')
                .then((res) => { return res.json(); })
        })
        .then((posts) => {
            let finalUser = {};
            finalUser.name = person.name;
            finalUser.posts = posts.filter(post => { return person.id = post.userId })
        })
    console.log(finalUser);

    function getRandom(min, max) {
        min = Math.ceil(min);
        max = Math.floor(max);
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }
}

22

Re: Підключення node js

а шо показується на сторінці в браузері?

23

Re: Підключення node js

нічого
тому що в html я нічого не додавав

24

Re: Підключення node js

спробуйте додати, і подивитись, чи воно буде показуватись

25

Re: Підключення node js

h1 додав
це показує
в консолі знов нічого немає

26

Re: Підключення node js

а помилки якісь є в консолі?

27

Re: Підключення node js

немає

28

Re: Підключення node js

а покажіть весь index.html

29

Re: Підключення node js

<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <h1>hello world</h1>
    <script>
        src = 'json.js'
    </script>
    <script>
        src = 'fetch.js'
    </script>
    <script>
        src = 'async.js'
    </script>
</body>

</html>

30

Re: Підключення node js

а що оцей код мав би робити?

 <script>
        src = 'json.js'
    </script>
    <script>
        src = 'fetch.js'
    </script>
    <script>
        src = 'async.js'
    </script>

31

Re: Підключення node js

підкючення js файлів до html

32

Re: Підключення node js

воно так не робе, має бути

<script src="json.js"></script>

де json.js - шлях до js файлу відносно тої директорії, в котрій ви запускаєте live-server

33

Re: Підключення node js

тепер є помилки. неправильно були підключені файли

Uncaught ReferenceError: finalUser is not defined
Uncaught ReferenceError: person is not defined

34

Re: Підключення node js

Це через block scoping

window.onload = () => {
 ...
        .then((person) => { // person видно звідси 
            fetch('https://jsonplaceholder.typicode.com/posts')
                .then((res) => { return res.json(); })
        }) // <- до сюди
        .then((posts) => { // тут ніякого person нема
            let finalUser = {}; // finalUser є лише всередині цієї пари фігурних скобок { }
            finalUser.name = person.name; // тут person не видно
            finalUser.posts = posts.filter(post => { return person.id = post.userId })
        })
    console.log(finalUser); // а тут вже нема finalUser, бо цей код ззовні фігурних скобок, в котрих створювався finalUser
...
}
Подякували: leofun011

35

Re: Підключення node js

дуже дякую за допомогу. тепер працює

window.onload = () => {
    let url = '[url]https://jsonplaceholder.typicode.com/users[/url]'
    fetch(url)
        .then((res) => {

            return res.json()
        })
        .then((res) => {
            let index = getRandom(0, 9);
            return res[index]
        })
        .then((person) => {
            fetch('https://jsonplaceholder.typicode.com/posts')
                .then((res) => {
                    return res.json();
                })

            .then((posts) => {
                let finalUser = {};
                finalUser.name = person.name;
                finalUser.posts = posts.filter((post) => {
                    return person.id == post.userId
                })
                console.log(finalUser);
            })

        })

}

function getRandom(min, max) {
    min = Math.ceil(min);
    max = Math.floor(max);
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

36

Re: Підключення node js

нема за шо

Подякували: flatliner, 0xDADA11C72

37

Re: Підключення node js

FakiNyan написав:

нема за шо

Боже. Я дивуюся вашому терпінню... Ви молодець.

Подякували: FakiNyan1