Показать сообщение отдельно
  #5 (permalink)  
Старый 18.11.2020, 17:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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>
Ответить с цитированием