Después de 50 de longitud, el botón debe desactivarse. Y no funciona, funciona cambiando el color de fondo, pero cuando lo hago btn.disabled = true no pasa nada.

 <div id="main"> <p>Share this on Twitter</p> <form action=""> <textarea></textarea> <div class="buttons"> <span class="limit">100</span> <button class="btn">Tweet</button> </div> </form> </div>

JS:

 const input = document.querySelector("textarea"); const btn = document.querySelector(".btn"); const limit = document.querySelector(".limit"); let max = 50; const updateLimit = () => { limit.textContent = max; input.addEventListener("input", () => { let inputLength = input.value.length; limit.textContent = max - inputLength; if (inputLength > max) { btn.disabled = true; limit.style.color = "red"; } else { btn.disabled = false; limit.style.color = "black"; } }); }; updateLimit();