junkitapro-todo.html

<div class="todo-list"></div>
<script>
    async function data(){
        const src = 'http://my-data.com/data.json';
        const response = await fetch(src);
        return response.json();
    }
    
    class TodoItem{
        constructor({title, description, completed}) {
            this.title = title;
            this.description = description;
            this.completed = completed;
        }

        render() {
            const { title, description, completed} = this;
            return /* html */`
                <div>${ title } ${ description } ${ completed }</div>
            `;
        }
    }

    data().then((todos) => {
        let output = ``;
        todos.forEach(element => {
            output += new TodoItem(element).render();
        });
        document.querySelector('.todo-list').innerHTML(output);
    });

</script>