JavaScript object.onclick not working inside <script>. I removed as much code as i could from todos.forEach() {problemhere} deleteButton.onclick doesnt work

[onlickusername]

function deleteTodo(event) {
            const deleteButton = event.target;
            const idToDelete = deleteButton.id;

            todos.filter(function (todo) {
                if (todo.id === idToDelete) {
                    return false;
                } else {
                    return true;
                }
            });

            render();
        };

        function render() {
            todos.forEach(function (todo) {
                const deleteButton = document.createElement('button');
                deleteButton.onlick = deleteTodo;
            }
        }

 

[onlickusername]

I am using Visual Studio Code. code error is inside todo.html <script>. it seems i am unable to add the .onlick property to my object, very frusterating. did something change that no longer allows this or perhaps entirely new syntax??

 

[Johna]

Where in the html is your <script> ? In the head?

 

[nathnolt]

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[Johna]

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

Lol I didn't see that.

 

[nathnolt]

Look at the username as well. But yeah, change that onlick -> onclick and it should work.