entonces en mi aplicación cuando hago clic en el botón Eliminar no funciona. alguien puede ver el problema?

 <button type="button" class="delete"> <i class="fa-solid fa-trash-can"></i> </button>

 const deleteScreen = () => { context.fillStyle = "white"; context.fillRect(0, 0, canvas.width, canvas.height); }; deleteAll.addEventListener("onclick", deleteScreen);

para resolver este problema, creo un rectángulo blanco. este rectángulo tiene la misma altura y anchura que el lienzo. cuando hacemos clic en el botón, debería crear un rectángulo y eliminar todos los dibujos, pero no está haciendo nada