Bootstrap - помогите сделать, что бы по enter содержимое текстового поля должно...

0 голосов
33 просмотров

Bootstrap - помогите сделать, что бы по enter содержимое текстового поля должно появляться в конце списка, а само текстовое поле очищаться. Элементы списка должны удаляться при нажатии


Информатика (34 баллов) | 33 просмотров
0

Тут не только бутстрэп, тут бы и js/jquery применить. Подойдет?

Дан 1 ответ
0 голосов

<!DOCTYPE html>


Название страницы


function ent(event) {
if (event.keyCode == 13) {
event.preventDefault();
var v = $('#inp').val();
var elem = $('').text(v);
elem.click(function() {
$(this).remove();
});
$('#target').append(elem);
$('#inp').val('');
}
}

$(function() {
$('#inp').on("keyup", ent);
});

var inp = document.getElementById('inp');
var target = document.getElementById('target');

function kup(e){
if (!e) e = window.event;
var keyCode = e.keyCode || e.which;
if (keyCode == '13'){
var text = inp.value;
var li = document.createElement('li');
var textNode = document.createTextNode(text);
li.appendChild(textNode);
li.addEventListener('click', die);
target.appendChild(li);
inp.value = '';
}
}






(7.2k баллов)