Есть у меня задания следующее
Написать HTML страницу и сценарий на JavaScript для управления доской пожеланий. Доска должна содержать форму для добавления нового пожелания и перечень существующих пожеланий.
1. Перед добавлением пожелания проверить корректность полей.
Имя - только буквы, минимум 3 символа
Поле email обязательное и соответствует правилам записи еmail адресов
Пожелания обязательно для заполнения.
2. В случае если данные введены некорректно, отображать сообщения о правилах заполнения полей.
3.Добавление пожелания реализуется на стороне браузера средствами DHTML.
4.Новое пожелания отображается первым ввэрху.
5. Пожелания отражаются в три колонки.
6. Расположение и отображения элементов задается стилями CSS.
Я новичок, и вот что пока написал я
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Форма</title>
</head>
<body>
<h1>Дошка побажань</h1>
<form>
<fieldset>
<legend>Додати побажання</legend>
<div class="fie"><label for="name">Ваше ім'я: </label><input type="text" name="name" id="name"></div>
<div class="fie"><label for="name">Ваш email: </label><input type="text" name="email"></div><br>
<label style="float:left; margin-top:25px;" for="text">Ваше побажання: </label><br>
<textarea style="float:right" rows="5" cols="68" name="text" id="wish"></textarea></div>
<input style="float:right" type="button" onclick="addWish()" value="Добавити">
</fieldset>
</form>
<div id="table">
<div id="last"></div>
</div>
<script>
function addWish(){
autName = document.getElementById("name").value;
yourWish = document.getElementById("wish").value;
lastInTable = document.getElementById('last ')
newWish = document.createElement('div');
lastElement = document.getElementsByClassName("num"+i)
newWish.innerHTML='<p>'+ yourWish +'</p><span>'+ autName +'</span>';
newWish.className = "block"+ " num"+i;
{document.getElementById('table').appendChild(newWish);}
}
</script>
</body>
</html>
