как писать функию чтобы показал верный ответь мне
<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 то в дисплее должен отображаться текст "Добро пожаловать" с этим у меня проблемы пожалуйста помогите :thanks: |
Shoxrux,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
<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 )
}
})
|
я извиняюсь просто я новичок еше только учусь js
|
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>
|
Цитата:
Цитата:
|
я конечно извиняюсь но меня так учит мой учитель
это неправильно? |
Цитата:
к элементам можно обращаться по id, если это id уникально и оно есть! а textConent написано с ошибкой textContent |
Цитата:
<!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 говорит добро пожаловать. |
Цитата:
|
| Часовой пояс GMT +3, время: 00:54. |