Блог

 $(document).ready(function(){
    document.getElementById('fetchtodosBtn').addEventListener('click', fetchTodos);
    
    function fetchTodos(){
        fetch('https://jsonplaceholder.typicode.com/todos/')
            .then(response => response.json())
            .then(todos => {
                  let output = "";
                //  adding todos titles into a table with checkboxes 
                output  = "<table>";
                todos.forEach(function(todos) {   
                    output  = "<tr>";
                    output  = `
                        <td>
                        <input class='checkbox'  type='checkbox' name='checkbox'/>

                        </td>

                        <td>
                            ${todos.title}
                        </td></tr>
                    `;
                });
                output  = '</table>'
                document.getElementById("response").innerHTML = output;
            });
    }

});