Bootstrap - сделать, что бы по enter содержимое текстового поля должно появляться в конце списка, а само текстовое поле очищаться. элементы списка должны удаляться при нажатии
<!DOCTYPE html> <html> <head> <title>Название страницы</title> <script src="https://code.jquery.com/jquery-3.1.1.js"></script> <script> function ent(event) { if (event.keyCode == 13) { event.preventDefault(); var v = $('#inp').val(); var elem = $('<li></li>').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 = ''; } } </script> </head> <body> <ul id="target"> </ul> <input id="inp"> </body> </html>
<html>
<head>
<title>Название страницы</title>
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script>
function ent(event) {
if (event.keyCode == 13) {
event.preventDefault();
var v = $('#inp').val();
var elem = $('<li></li>').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 = '';
}
}
</script>
</head>
<body>
<ul id="target">
</ul>
<input id="inp">
</body>
</html>