ikurs.kz

Урок 6. Слайд 2.

Оператор else
1. Создайте файл lesson6-2.html.
2. Создайте в нем input для ввода пароля type='password'.
3. Задайте ему id='pass'".
4. Добавьте обработчик событий onKeyUp.
5. Сделайте проверку длины пароля. Он должен быть не менее 6 символов (пароль средней сложности). И 10 символов (сложный пароль). Сделайте подсветку красным желтым и зеленым соответственно.
6. Протестируйте код.

<!DOCTYPE html>
<html>
<body>

<p>Оператор if.</p>

<p>Введите пароль длиной не менее 6 символов.</p>

<input type='password' placeholder='' id='pass' onKeyUp='myFunction()'>
<div id='validMsg'></div> 
<script>

function myFunction() {
var pasLen=document.getElementById('pass').value.length;
document.getElementById('validMsg').innerHTML='';
if(pasLen<6)
	{
	document.getElementById('validMsg').innerHTML='Пароль должен содержать минимум 6 символов. Вы ввели только ' +pasLen;
	document.getElementById('validMsg').style.color='red';
	}
else{
	if(pasLen<10)
		{
		document.getElementById('validMsg').style.color='orange';
		document.getElementById('validMsg').innerHTML='Ваш пароль средней сложности.' ;
		}
	else	
		{
		document.getElementById('validMsg').style.color='green';
		document.getElementById('validMsg').innerHTML='Ваш пароль безопасен.' ;
		}
	}
}
</script>

</body>
</html>

JavaScript

Оператор else в JavaScript.

6 урок

IKURSKZ

Урок 6. Слайд 2.

Оператор else в JavaScript.

IKURS^KZ