вторник, 1 августа 2017 г.

Учим JavaScript. 26. Поле ввода пароля

index.html


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="1.js" defer></script>
</head>
<body>
<input type="text" id="test">
</body>
</html>

1.js
// Вывод в поле пароля случайных чисел. 

var str = ''; // так символы будут выводится в подбор: abcd

document.getElementById('test').onkeypress = function(event) {
// console.log(event);
// var str = this.value;
// var str = ''; // так будет выводится символ с новой сроки
str = str + event.key;
console.log(str);
// console.log(String.fromCharCode(122));
this.value += String.fromCharCode(getRandomInt(65, 122)); // генерируем случайное число от 65 до 122 и преобразуем его в символ
return false; // в input ничего не выводится

// 97-122 - латинские маленькие буквы
// 65 - 90 - латинские большие буквы

// Статический метод String.fromCharCode() возвращает строку, созданную из указанной последовательности значений Юникода
}


// Возвращает случайное целое число между min (включительно) и max (не включая max)
// Использование метода Math.round() даст вам неравномерное распределение!
function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

Комментариев нет:

Отправить комментарий