HTML-страница содержит форму, в которую пользователь вводит следующие личные данные:
First name - имя
Last name - фамилия
Title - обращение (Mr., Mrs. и проч.)
Year of Birth - год рождения
Place of Birth - место рождения
Далее пользователь кликает на одну из кнопок "Generate formal bio" или "Generate informal bio", и на странице появляется небольшой текст с биографией в более формальном или менее формальном стиле.
Ниже представлен код для HTML-страницы. Вам необходимо вписать в него код для создания кнопок "Generate formal bio" и "Generate informal bio", а также код на JavaScript, который при нажатии соответствующей кнопки генерирует более или менее формальный текст биографии.
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Biography</title>
</head>
<body>
<h2>Enter your personal data</h2>
<form id="form">
<p>First name: <input type="text"></p>
<p>Last name: <input type="text"></p>
<p>Title: <input type="text"></p>
<p>Year of birth: <input type="text"></p>
<p>Place of birth: <input type="text"></p>
<p style="text-align: left"><button>Generate formal bio</button>
<button><style="vertical-align: middle"> Generate informal bio</button></p>
</p>
</form>
<p>
// your code for buttons
</p>
<h2>Biography</h2>
<p id="bio"></p>
<script>
// your JS-code here
</script>
</body>
</html>