Практикум по программированию на JavaScript

Создание случайных чисел

Показывать лекцию целиком

Концепция

В этом примере рассматриваются случайные числа. Для генерации случайных чисел JavaScript использует дату и время.

Обратите в сценарии внимание на следующее: число после знака % является ограничивающим числом. Пример ниже выбирает случайное число между 1 и 10.

Сценарий

<HTML>
<HEAD>
<SCRIPT type="text/javascript"> 
function rand()
      {
          var now=new Date()
          var num=(now.getSeconds())%10
          var num=num+1
          alert(num)
      }
</SCRIPT>
</HEAD>
<BODY>
 <h1>Случайные числа</h1>
 <form>  
   <INPUT TYPE="button" 
   VALUE="Случайные числа от 1 до 10"  
   onClick="rand()">
 </FORM>
</BODY>
</HTML>

Результат работы сценария

На странице выводится кнопка с надписью "Случайные числа от 1 до 10", при нажатии на которую появляется окно со случайным числом от 1 до 10.

Разбор сценария

Начнем в этот раз с функции:

function rand()
{
var now=new Date()
var num=(now.getSeconds())%10
var num=num+1
alert(num)
}

Выбор случайного числа осуществляется в несколько шагов.

  • Во-первых, создаем функцию. Наша называется rand().
  • Потом создаем переменную для метода new Date().
  • Создаем еще одну переменную, num. Она содержит метод getSeconds(), так как в данном случае мы используем секунды для выбора случайного числа.
    •

    JavaScript, как и многие другие компьютерные языки, начинает отсчет с нуля. Поэтому элемент %10 говорит JavaScript, что случайное число будет выбираться из чисел от 0 до 9.

    Оператор % возвращает остаток от деления. Предположим, что функция getSeconds() вернула значение 20 секунд. При делении на 10 получаем остаток 0. Сценарий возвращает 0. Пусть число секунд равно 12. Остаток при делении на 10 будет равен 2.

    Прибавляя к случайному числу единицу ( num=num+1 ), мы получаем числа не от 0 до 9, а от 1 до 10.

    Наконец alert выводит число.

    Теперь элемент, запускающий функцию:

    <form action="">  
  <INPUT TYPE="button" 
  VALUE="Случайное число от 1 до 10"
  onClick="rand()">
</form>

    Это обычная кнопка, которая запускает выполнение приведенной выше функции.

    Задание

    Напишите программу JavaScript, в которой пользователь нажимал бы кнопку в форме, а программа выводила бы случайное число от 0 до 4 со словами: "Ваше случайное число: "х".

    Возможное решение

    <html>
      <head>
      <SCRIPT type="text/javascript"> 
      function rand()
          {
             now=new Date()
             num=(now.getSeconds())%5
             alert("Ваше случайное число: " + num)
         }
      </script>
      </head>
      <body>
          <h1>Случайные числа</h1>
          <form>  
	<input type="button" value="Вывод случайного числа между 0 и 4"  
       onClick="rand()">
         </form>
     </body>
     </html>

    Необходимо изменить число после знака процента на 5 и добавить немного текста в команду alert, и все будет готово.

    Предыдущее занятие Следующее занятие
    Вернуться к учебному плану
    ^