it-swarm.com.de

Wie lösche ich den Textbereich mit einem Button in HTML mit Javascript?

Ich habe einen Button in HTML

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

Was soll ich schreiben, wenn ich eine externe Javascript-Funktion (.js) habe?

12
noobprogrammer

Ändern Sie in Ihrer HTML-Datei, indem Sie die Funktion beim Klicken auf die Schaltfläche hinzufügen

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

Versuchen Sie dies in Ihrer JS-Datei:

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

Sie müssen einen click-Ereignishandler hinzufügen und den Inhalt des Textbereichs von diesem Handler löschen.

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);

und hier ist die Arbeitsdemo .

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

sie müssen nur das onclick -Ereignis festlegen. Rufen Sie die gewünschte Funktion für dieses onclick -Ereignis auf.

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

Die obige Funktion setzt den Wert des Textbereichs auf leere Zeichenfolge.

2
Ali Shah Ahmed

Ihre Html 

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

Dein Javascript

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