javascript - Javascriptを使用してHTMLのテキストボックスをクリアする方法

Question

このようなhtmlのコードがあります

<html>
<script type="text/javascript" src='LatihanKuisJs.js'></script>
    <body>
        <form name="kuis">
            <table border="1" width="50%">
                <tr>
                    <th colspan="2" >Celcius
                </tr>
                <tr>
                        <td align="center" width="80%">Kelvin</td>
                        <td align="center"><input type="text" id="kelvin">
                        </td>
                </tr>
                <tr>
                    <td align="center" width="80%">Reamur</td>
                    <td align="center"><input type="text" id="reamur"></td>
                </tr>
                <tr>
                    <td align="center" width="80%">Fahrenheit</td>
                    <td align="center"><input type="text" id="fahrenheit"></td>
                </tr>
            </table>
            <input type="button" value="Calculate" onclick='calculateCelcius();'/>
            <br/><br/>
            <textarea rows="20" cols="90" id="textarea">
            </textarea>
            <br/><br/>
            <input type="button" value="Clear" onclick='clear();'/>
        </form>
    </body>
</html>

次のような外部JavaScript関数：

function calculateCelcius(){
    var kelvin = document.getElementById('kelvin');
    var reamur = document.getElementById('reamur');
    var fahrenheit = document.getElementById('fahrenheit');
    var textarea = document.getElementById('textarea');

    var hasil=(kelvin.value*1 + reamur.value*1 + fahrenheit.value*1);
    textarea.value += hasil + '\n';
}

function clear(){
    document.getElementById("textarea").value="";
}

ページのクリアボタンをクリックしようとすると、テキスト領域がクリアされませんでした。どうしたの？そして、私は何をすべきですか？

score 10 · Accepted Answer

clear関数の名前をからのように変更するだけで機能しますclearTextarea。

このメソッドは、 MDNで次のように説明されているclear()廃止されたメソッドを指します。document.clear()

このメソッドは、Mozilla の初期 (1.0 より前) のバージョンで、指定されたドキュメント全体をクリアするために使用されていました。Mozilla ベースのアプリケーションの最近のバージョン、および Internet Explorer と Netscape 4 では、このメソッドは何もしません。

また、HTML5仕様によると：

メソッドはclear()何もしないでください。

参考文献:

score -2 · Accepted Answer

onclick イベントを定義するときに、関数名の前に javascript: を追加してみてください。
このようなもの：

<input type="button" value="Clear" onclick='javascript: clear();'/>

javascript - Javascriptを使用してHTMLのテキストボックスをクリアする方法

3 に答える 3

Related

Reference