Как очистить input после добавлении?

Для очистки поля ввода (input) после добавления значения можно использовать несколько разных подходов:

1. Использование свойства value и метода reset() у формы:

// Получаем ссылку на форму или на сам элемент input
var form = document.getElementById("myForm");
var input = document.getElementById("myInput");

// Вариант 1: Присваиваем пустую строку полю ввода
input.value = "";

// Вариант 2: Сбрасываем значения всей формы
form.reset();

Этот подход работает как для отдельного элемента input, так и для всей формы. Первый вариант очищает только конкретное поле ввода, в то время как второй вариант сбрасывает все значения, включая все поле ввода, чекбоксы и другие элементы формы.

2. Использование метода setAttribute() для обнуления значения атрибута value элемента:

// Получаем ссылку на элемент input
var input = document.getElementById("myInput");

// Обнуляем значение атрибута value
input.setAttribute("value", "");

Этот подход просто устанавливает пустую строку в значение атрибута value элемента.

3. Использование метода removeAttribute() для удаления атрибута value:

// Получаем ссылку на элемент input
var input = document.getElementById("myInput");

// Удаляем атрибут value
input.removeAttribute("value");

Этот подход полностью удаляет атрибут value из элемента, что приводит к его очистке.

4. Использование свойства innerHTML для очистки содержимого поля ввода:

// Получаем ссылку на элемент input
var input = document.getElementById("myInput");

// Устанавливаем пустую строку в innerHTML
input.innerHTML = "";

Этот подход работает только для элементов textarea или contenteditable, которые используют innerHTML для отображения содержимого.

Выбор конкретного подхода зависит от конкретной ситуации и требований вашего проекта. Обычно наиболее часто используется первый подход, но остальные подходы могут быть полезны в некоторых случаях.