Shoxrux,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<form>
<fieldset>
<h1 class="display">____________</h1>
<legend>Ma'lumotlarni kiriting</legend>
<div>
<label for="name">Ismingizni kiriting:</label>
<input type="text" id="name" placeholder="Ismingiz:..." value="test" required>
</div>
<div>
<label for="age">Yoshingizni kiriting:</label>
<input type="date" id="age" name="yoshingiz" max="2020-01-01" min="1900-01-01" placeholder="Yoshingiz:..." value="2020-01-01" required>
</div>
<input type="color">
</fieldset>
</form>
это коротко html
а вот js
<script>
age.addEventListener('keyup', function (event) {
let ism = document.getElementById('name').value;
let yosh = age.valueAsNumber;
let str = '';
if (event.code == 'Enter' && ism && yosh) {
str = yosh < 1577836800000 ? `Добро пожаловать ${ism}!` : `${ism} извините этот сайт для взрослых!`;
}
else str = 'все поля должны быть заполнены';
document.querySelector('.display').textContent = str;
})
</script>
</body>
</html>