Результат программы в миниатюре!
Цель: чтобы каждый следующий элемент был добавлен на позицию 1 и чтобы элементы смещались вправо --- 5 4 3 2 1
<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<title>WISHES_LIST</title>
<head>
<style>
#line
{
color:#7F9DB9;
max-width:400px;
}
#line .line_hr
{
color:#7F9DB9;
width:400px;
}
#result .table_wish
{
border:2px solid red;
margin:10px ;
}
</style>
<script>
function write_name() {
var login = document.getElementById('login');
var N = login.value;
var wishes_list = document.createElement('span');
document.getElementById('result').appendChild(wishes_list);
wishes_list.innerHTML = '<span>' + N + '</span>';
wishes_list.className = 'table_wish';
login.value='';
}
</script>
</head>
<body>
<div id="result"></div><br>
<div id="line">
<hr class="line_hr">
</div>
<p>
<span> Enter name: </span> <input type="text" id="login">
</p>
<p>
<button type="button" onclick="write_name()" id="button">GO</button>
</p>
</body>
</html>