Entonces, mi problema es que tengo un elemento HTML <textarea> y un botón que debería borrar el área de texto. Pero por alguna razón esto no funciona. ¿Qué estoy haciendo mal?
function clear() { document.getElementById('output').value = ''; } <textarea spellcheck="false" rows="8" cols="80" id="output">Lorem Impsum</textarea> <button onclick="clear()">Clear Output</button>clear es una palabra de reserva en JavaScript. Cambie el nombre de su función.
function clearText() { document.getElementById('output').value = ''; } <textarea spellcheck="false" rows="8" cols="80" id="output">Lorem Impsum</textarea> <button onclick="clearText()">Clear Output</button>Está borrando la propiedad HTML, pero el nombre de la función está reservado. Para borrar el elemento que puede hacer:
function clearOutput() { const el = document.getElementById('output'); el.value = ''; } Como nota al margen, realmente no debería usar el atributo onclick , es mejor vincular eventos usando addEventListener .
Textarea usa .innerHTML no .value y también el nombre clear() no funcionará porque ya está definido en javascript vainilla, así que clear1(). El siguiente código debería funcionar:
function clear1() { document.getElementById('output').innerHTML = ''; } <textarea spellcheck="false" rows="8" cols="80" id="output">Lorem Impsum</textarea> <button onclick="clear1()">Clear Output</button>