Máscara para input de telefone brasileiro com DDD

maskTelefoneComDdd.js

const inputTelefoneComDdd = document.querySelector('.telefone_com_ddd input');

function handleInputTelefoneComDddd() {
	let value = inputTelefoneComDdd.value.replace(/\D/g, ''); // Remove todos os caracteres não numéricos
	let mask = '';

	if (value.length <= 1) {
		mask = '(' + value;
	} else if (value.length <= 5) {
		mask = '(' + value.slice(0, 2) + ') ' + value.slice(2);
	} else if (value.length <= 6) {
		mask = '(' + value.slice(0, 2) + ') ' + value.slice(2, 6);
	} else if (value.length <= 10) {
		mask = '(' + value.slice(0, 2) + ') ' + value.slice(2, 6) + '-' + value.slice(6);
	} else {
		mask = '(' + value.slice(0, 2) + ') ' + value.slice(2, 7) + '-' + value.slice(7, 11);
	}

	inputTelefoneComDdd.value = mask;
}

inputTelefoneComDdd.addEventListener('input', handleInputTelefoneComDddd);