Quiero activar el boton id 'delete' cuando el input tenga texto y desactivarlo cuando no, esto usando javascript.
#delete{
display: none;
}
<input id="text" type="text" placeholder="Ingresa texto...">
<button id="delete">Borrar texto</button>
Puedes usar el evento keyup
o input
y evaluar si hay algo cada ves que se presiona una tecla, o el value cambia:
const deleteButton = document.getElementById("delete");
const text = document.getElementById("text");
text.addEventListener("keyup", (e) => {
deleteButton.style.display = (e.target.value.length) ? 'block' : 'none';
});
deleteButton.addEventListener("click", () => {
text.value = "";
});
#delete {
display: none;
}
<input id="text" type="text" placeholder="Ingresa texto...">
<button id="delete">Borrar texto</button>