function hidenv() { var txt = document.querySelector(".wapf-grand-total")[0].innerText; if (txt === "$260") {document.querySelector("button").style.display = "none"; } } hidenv(); <input class="wapf-grand-total"> <button>button</button>Quiero ocultar/mostrar el botón cuando un elemento tiene un valor diferente de $260, pero con mi código solo sucede cuando actualizo la página. Necesito que esta función se ejecute cuando el valor cambie en tiempo real, pero no sé cómo hacerlo.
function hide() { var txt = document.querySelectorAll(".wapf-grand-total")[0].innerText; if (txt !== "$260") {document.querySelector("button").style.display = "none"; } } hide();puede realizar un seguimiento de los cambios en los campos de entrada con oninput de eventos de entrada. ahora activará su función de verificación cada vez que se cambie el campo de entrada
function hidenv() { var inputEl = document.querySelector(".wapf-grand-total"), btn = document.querySelector("button"), isVal260 = inputEl.value == "$260" btn.hidden = isVal260 } document.querySelector(".wapf-grand-total").addEventListener("input",hidenv) // hidden method update suggested by @connexo <input type="text" class="wapf-grand-total"> <button>button</button>Deberías usar el detector de eventos.
document.querySelector('.wapf-grand-total').addEventListener('keyup', hide)