Как очистить текстовую область с помощью кнопки в html с помощью javascript?

У меня есть кнопка в html

<input type="button" value="Clear"> 
<textarea id='output' rows=20 cols=90></textarea>

Если у меня есть внешняя функция javascript (.js), что я должен писать?

Ответ 1

Измените свой html с добавлением функции на кнопку

 <input type="button" value="Clear" onclick="javascript:eraseText();"> 
    <textarea id='output' rows=20 cols=90></textarea>

Попробуйте это в файле js:

function eraseText() {
    document.getElementById("output").value = "";
}

Ответ 2

Вам нужно прикрепить обработчик события click и очистить содержимое текстового поля от этого обработчика.

HTML

<input type="button" value="Clear" id="clear"> 
<textarea id='output' rows=20 cols=90></textarea>

JS

var input = document.querySelector('#clear');
var textarea = document.querySelector('#output');

input.addEventListener('click', function () {
    textarea.value = '';
}, false);

и здесь рабочая демонстрация.

Ответ 3

<input type="button" value="Clear" onclick="javascript: functionName();" >

вам просто нужно установить событие onclick, вызвать нужную функцию в этом событии onclick.

function functionName()
{
    $("#output").val("");
}

Выше функция установит значение текстовой области в пустую строку.

Ответ 4

Ваш Html

<input type="button" value="Clear" onclick="clearContent()"> 
<textarea id='output' rows=20 cols=90></textarea>

Ваш Javascript

function clearContent()
{
    document.getElementById("output").value='';
}

Ответ 5

Вы можете просто использовать атрибут ID в форме и прикрепить тег <textarea> к форме, подобной этой:

<form name="commentform" action="#" method="post" target="_blank" id="1321">
    <textarea name="forcom" cols="40" rows="5" form="1321" maxlength="188">
        Enter your comment here...
    </textarea>
    <input type="submit" value="OK">
    <input type="reset" value="Clear">
</form>