How do you validate form elements using the Constraint Validation API?

The Constraint Validation API provides a way to validate form elements in HTML. You can use properties like validity, validationMessage, and methods like checkValidity() and setCustomValidity(). For example, to check if an input is valid, you can use:

const input = document.querySelector("input");
if (input.checkValidity()) {
  console.log("Input is valid");
} else {
  console.log(input.validationMessage);
}