Todo List with Local Stoarge using html, css and vanilla javascript

Kindly go through my Javascript code and give me any advise

I added a few tweaks to the project

• i changed the items left to the total items
• i change clear completed to clear all
• I added a warning modal that is triggered when the clear all button is clicked
• The modal allows the user to either proceed with clearing the todo list or canceling the request
• I also added local storage

But i know that my Javascript code does not look good i tried to refactor it as best as i could so kindly give me tips