javascript - 清空输出区域

标签 javascript html

我这里有一个工作代码,可以让用户输入一些内容并立即显示输出,但我想创建一个由按钮触发的函数,该按钮将清除输出区域本身。我的代码可以做到这一点吗?

这是我的完整代码:

<html>
    <meta charset="UTF-8">
    <head>
        <title>Sample Array</title>
        <script>var index = 0;</script>
    </head> 

    <body>


        Input:
        <input type="text" id="input">
        <input type="button" value="GO" onClick="press(input.value)">

        <p id = "display">

        <script>

            var sample = new Array();

            function press(Number)
            {

                if ( Number != '' )
                {
                    sample[index] = Number;
                    document.getElementById("display").innerHTML += sample[index] + "<br>";
                    index++;

                }   

                else
                    alert("empty");

                document.getElementById('input').value = '';        
            }       


        </script>

    </body>
</html>

最佳答案

试试这个,

Javascript:

function Clean(){
  document.getElementById('display').innerHTML='';
}

HTML:

<input type="button" value="Clean" onClick="Clean()"/>

关于javascript - 清空输出区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21170494/

相关文章:

javascript - V8 JavaScript : Why do C++ constructor functions filter Proxy?

javascript - 用于单页 Web 应用程序的 ExtJS 5 架构

javascript - 在 URL 栏中按下 ENTER 时如何更正 Firefox 中的#anchor 滚动位置

javascript - Fallback 和 JavaScript 同时进行。正确的方法是什么?

html - knockout 让 <tbody> 从第一个 <tr> 中脱颖而出

javascript - 选择顶级子级

javascript - 如何将焦点设置在 react js循环内的输入上

javascript - 如何拖放某些东西但它不会消失所以我们可以继续拖放它

javascript - bootstrap下拉菜单不下拉?

jquery - 我怎样才能让这个汉堡菜单变成一个x onclick?