Estoy tratando de verificar si un usuario ha agregado al menos 8 caracteres en un campo de contraseña y agregar un texto de validación si no lo han hecho, pero obtengo esto en mi consola: script.js: 13 TypeError no detectado: no se pueden leer las propiedades de nulo (leyendo 'addEventListener') en script.js:13:17

Creo que se relaciona con esta línea:

 confirmPassword.addEventListener('change', checkPassword);

Código completo:

 let password = document.querySelector('#password'); let confirmPassword = document.querySelector('#confirm_password'); let passwordValidation = document.createElement('p'); let passwordValidationText = '' passwordChecker => { if (password.length <8) { passwordValidationText === 'Please enter a password, longer than 8 characters'; password.appendChild(passwordValidation); } }; confirmPassword.addEventListener('change', passwordChecker);

Y los campos de entrada:

 <label for="password">Password</label> <input type="password" id="password" name="password"> </div> <div class="item"> <label for="confirm_password">Confirm password</label> <input type="password" id="confirm_password" name="confirm_password">

Mi pensamiento es que solo quiero validar cuando el usuario haya terminado de escribir.

¿Alguna idea de lo que estoy haciendo mal?