When you develop a web application is good practice don't mix the presentation with the logic. In our case, the HTML contains the presentation while the JS file contains the logic. When we add events in the HTML file we're adding logic to the presentation layer. For this motive, is a good practice to move the events to the JS file. This video shows how you can get to this goal. When you change your code, you must be careful to avoid the error "uncaught type error cannot read property 'addeventlistener' of null".
Auf dieser Seite können Sie das Online-Video JavaScript - Separation of logic layer code from the presentation layer. Using addEventListener mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Miquel Boada Artigas 11 August 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 187 Mal angesehen und es wurde von 2 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!