Очистить область вывода

0

У меня есть рабочий код, который позволяет пользователю вводить что-то, и он сразу выводит результат, но я хочу создать функцию, запускаемую кнопкой, которая очистит область вывода. Возможно ли это с моим кодом?

Вот мой полный код:

<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>
  • 0
    Какова область вывода?
  • 0
    внутри самой страницы находится область вывода под полем ввода и кнопкой.
Показать ещё 2 комментария
Теги:

2 ответа

1
Лучший ответ

Сделай это:

Заметки:

-I закрыли элемент P.

-A была добавлена новая кнопка "Очистить", и вы можете использовать JQuery, как показано ниже, для очистки вывода (не забудьте указать JQuery на странице).

<html>
<meta charset="UTF-8">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <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)"/>
    <input type="button" value="Clean" onClick="$('#display').html('');"/>
    <p id = "display"></p>
    <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>

Поделиться
  • 0
    Да, это работает. но я хочу, чтобы он работал, пока не подключен к интернету. есть ли работа вокруг этого?
  • 1
    замените код onclick на кнопку «Очистить»: onClick = "document.getElementById ('display'). innerHTML = '';"
Показать ещё 2 комментария
1

Попробуй это,

Javascript:

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

HTML:

<input type="button" value="Clean" onClick="Clean()"/>
Поделиться
  • 0
    Большое спасибо. это будет добавлено в мою личную библиотеку кодов.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню