//Get the input element from the DOM
const inputElement = document.querySelector(".input")
//Get the object of ValidityState and log it to our console
console.log(inputElement.validity)
//Note that in the ValidityState Object we have a row called "valid" with boolean value
//In this way we can check if our input is valid or not AKA "true" || "false"
inputElement.addEventListener("input", function(){
if(inputElement.validity.valid){
consloe.log("Valid input")
}else{
consloe.log("Invalid input")
}
})