function showProfile(){
let name = getElementById('name').value; // имя
let userGender;// пол
if (document.gender[0].checked) userGender = "Мужской";
if (document.gender[1].checked) userGender = "Женский";
let birthday = document.getElementById('birthday').value; // дата рождения
let access; // обработка данных
document.getElementById('access').checked ? access = 'да' : access = "нет";
let color = document.getElementById('color').value;
alert(
'имя: ' + name + '/n пол: ' + userGender '/n дата рождения: ' + birthday '/n + любимый цвет: '
+ color + '/n Согласие на обработку данных: ' + access;
);
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Project 1</title>
<script src="index.js"></script>
</head>
<body>
<button onClick="showForm">Показать форму</button>
<form action="" class="hidden"></form>
<div>
<label for="name">Ваше имя </label>
<input type="text" name="name" id="name" placeholder="Ваше имя">
</div>
<div>
<input type="radio" name="gender" value="Мужской" id="gender">Мужской
<input type="radio" name="gender" value="Женский" id="gender">Женский
</div>
<div>
<label for="birthday">Дата вашего дня рождения</label>
<input type="date" name="birthdayDate" id="birthday">
</div>
<div>
<label for="color">Ваше любимый цвет:</label>
<select id="color">
<option value="зеленый">Зеленый</option>
<option value="красный">Красный</option>
<option value="синий">Синий</option>
</select>
</div>
<div>
<input type="checkbox" required name="access" id="access">
<label for="consent">Согласие на обработку данных</label>
</div>
<button onclick="showProfile()">Показать Анкету</button>
</form>
</body>
</html>