2015-12-14 4 views
0

Мне нужно удалить все пустые строки, если ввод пуст, и я нажму кнопку «Пустая строка» появится на странице, как я могу их удалить или заменить?Как удалить все строки пустой строки при нажатии на кнопку

Вот мой код

var inp = document.getElementById("inp"); 
var btn = document.querySelector(".btn"); 
var list = document.querySelector('#list'); 
var del = document.querySelector(".delete"); 
var arr = []; 

btn.addEventListener('click', function() { 
    var valInp = inp.value; 
    arr.push(valInp); 
    inp.value = ""; 

    list.innerHTML = arr.join("<br>").trim(); 

}); 
+0

подравнивать данные. и проверьте, пуст ли он, и ничего не делайте. Используйте 'trim()' javascript –

+1

Просто не делайте ничего в своем прослушивателе кликов (например, сразу возвращайтесь?), Если вход пуст? – Thernys

+0

какой элемент имеет 'id' как' list'? – sujit

ответ

2

Только не добавляйте его, если он пуст, как заявил @Thernys

btn.addEventListener('click', function() { 
    var valInp = inp.value; 

    if (valInp === '') 
    return; 

    arr.push(valInp); 
    inp.value = ""; 

    list.innerHTML = arr.join("<br>").trim(); 
}); 
Смежные вопросы