Necesito mostrar el cuadro de alerta cuando el usuario escribió el número en el campo de entrada
<input type="text" class="only-text"> if (document.querySelector('.only-text').value === '') {alert('no numbers are allowed!')};Usaría el evento beforeinput , de esta manera puede verificar el valor insertado antes de que se pinte en el DOM, y si no es bueno, puede evitar que se pinte.
function isBeforeInputEventAvailable() { return window.InputEvent && typeof InputEvent.prototype.getTargetRanges === "function"; } if (isBeforeInputEventAvailable()) onlyText.addEventListener("beforeinput", e => { if (/[\d]+/.test(e.data)) { alert('no numbers are allowed!') e.preventDefault() }; }) <input type="text" id="onlyText">