Форум

Shoxrux · #1 (**permalink**) 18.11.2020, 17:14

<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="" 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="" required>
</div>
<input type="color">
</fieldset>
</form>

это коротко html

а вот js

age.addEventListener('keyup', function (event) {
let ism = name.value
let yosh = age.value
if (event.keyCode == 13 && name.value !== '' && age.value > '2000-01-01') {
display.textConent = (name.value )
}

})

когда нажимаю на enter в дисплее должен отображаться текст. есть возрастное ограничение если он младше 18 то в дисплее должен отображаться текст "извините этот сайт для взрослых". А если больше 18 то в дисплее должен отображаться текст "Добро пожаловать" с этим у меня проблемы пожалуйста помогите

рони · #2 (**permalink**) 18.11.2020, 17:25

Shoxrux,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Shoxrux · #3 (**permalink**) 18.11.2020, 17:35

<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="" 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="" required>
</div>
<input type="color">
</fieldset>
</form>

age.addEventListener('keyup', function (event) {
let ism = name.value
let yosh = age.value
if (event.keyCode == 13 && name.value !== '' && age.value > '2000-01-01') {
display.textConent = (name.value )
}

})

Shoxrux · #4 (**permalink**) 18.11.2020, 17:36

я извиняюсь просто я новичок еше только учусь js

рони · #5 (**permalink**) 18.11.2020, 17:51

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>

рони · #6 (**permalink**) 18.11.2020, 17:54

Сообщение от Shoxrux

name.value

нужно найти элемент или изменить id, иначе name это имя окна страницы с кодом.

Сообщение от Shoxrux

display.textConent

нет такого элемента и нет такого свойства, а что есть смотреть код выше.

Shoxrux · #7 (**permalink**) 18.11.2020, 17:59

я конечно извиняюсь но меня так учит мой учитель
это неправильно?

рони · #8 (**permalink**) 18.11.2020, 18:09

Сообщение от Shoxrux

так учит мой учитель
это неправильно?

я не вижу ошибок, вашего учителя.
к элементам можно обращаться по id, если это id уникально и оно есть!
а textConent написано с ошибкой textContent

voraa · #9 (**permalink**) 18.11.2020, 18:23

Сообщение от рони

yosh < 1577836800000

??? Только сегодня сайт будет работать?

<!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="" 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="" required>
</div>
<input type="color">
</fieldset>
</form>
<script>
let name = document.getElementById('name')
let display = document.querySelector('.display')
document.getElementById('age').addEventListener('change', function (event) {
let ism = name.value
let yosh = age.valueAsDate
yosh.setUTCFullYear (yosh.getUTCFullYear() + 18);
let d18 = yosh.getTime()
let now = Date.now()
if (name.value !== '') {
display.innerHTML = `${ism} ${now>d18? 'Добро пожаловать' : 'Вам нет 18'}`
}
})
</script>
</body>
</html>

1577836800000 - а что это за сакральное число?
На дату 31.12.2019 говорит добро пожаловать.

рони · #10 (**permalink**) 18.11.2020, 18:48

Сообщение от voraa

Только сегодня сайт будет работать?

Форум

Справочник

Discord чат

Курсы javascript