Генерация случайных числел. HTML + JS

@Duskly · Регистрация: 10.06.2014

Студворк — интернет-сервис помощи студентам

Приветствую всех, возникла небольшая проблема.
Есть форма, на ней кнопка и поле для ввода:

HTML5
1
2
3
4
5
<form target="_blank" method="POST" action="https://api.site.com">
<input type="hidden" name="amt" value="ТУТ СГЕНЕРЕННОЕ ЧИСЛО" />
<input type="hidden" name="ccy" value="UAH" />
<input type="text" name="a" size="10" value="5">
<button type="submit"><img src="http://static.liqpay.com/buttons/p1ru.radius.png" border="0" /></button>

Когда я нажимаю на кнопку, должна происходить генерация случайных чисел от 111 до 999999999.
и это значение (которое сгенерилось), должно подставляться в value="ТУТ СГЕНЕРЕННОЕ ЧИСЛО".
и потом происходит субмит. Как это сделать??
Вот что вышло:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script language="JavaScript"> 
<!-- //
function randnumbers(object)
{
var x = object.a.value;
var y = object.b.value;
var n = object.str.value;
 
var k = 0;
var str = "";
 
while (k < n)
{
 
var number = Math.floor(x + (y-x+1)*Math.random());
 
str += number;
  if (k < n-1) str += " ; "
  else         str += "";
  k++; 
  <!-- //}
<!-- //alert(str);  - ЭТО для вывода в окно с кнопкой. для теста, но мне надо чтобы STR выводился в валуе
<!-- //}
</script>

Прочитайте 22 строчку.

HTML5
1
2
3
4
5
6
7
8
9
10
<body bgcolor="#CCFFCC">
    <form name="f1" style="margin: 5px; text-align: left; font-size: 20px">
    <h3>Программа генерации n случайных чисел из заданного отрезка</h3>
             начало диапазона чисел: <input type="hidden" name="a" size="10" value="5" style="margin: 5px 0 0 30px; font-size: 17px"><br>
            конец диапазона чисел: <input type="hidden" name="b" size="10" value="9999999999" style="margin: 5px 0 0 37px; font-size: 17px"><br>
            Сколько случайных чисел показать? <input type="hidden" name="m" size="10" value="1" style="margin: 5px; font-size: 17px"><br>
            <input type="text" name="str" size="10" value="<?php echo $str;?>" style="margin: 5px; font-size: 17px"><br>
            <input type="button" value="Показать" style="margin: 5px 0 0 319px; font-size: 17px" onClick="randnumbers(f1)"> <br>            
    </form>
</body>

Как быть? как вывести STR в value, чтобы только после генерации переходило на страницу субмита?

@KeyGen · 31.05.2015, 14:59

Я бы отравил форму так, если нужен submit и в php редирект:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<form>
...
<input id="code" type="hidden">
< button onclick="myFunction(this)" ><button>
</form>
 
<script>
function myFunction(button) {
    $('#code).val(rand(1, 10));
    $(button).closest('form').submit();
    return false;
}
 
function rand(min, max) {
    http://phpjs.org/functions/rand/
}
<script/>

, если нет тогда через ajax отправляем форму а редирект в js.

Добавлено через 2 минуты
И да используй уже готовые методы, не городи огород типо randnumbers - rand. Он (огород) тебе ни когда не пригодится!

@Duskly · 31.05.2015, 15:14 **[ТС]**

Не вышло:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE>
<html> 
<head>
<title>Генерация случайных чисел</title>
<script language="JavaScript"> 
function myFunction(button) {
    $('#code).val(rand(1, 10));
    $(button).closest('form').submit();
    return false;
}
 
var argc = arguments.length;
  if (argc === 0) {
    min = 0;
    max = 2147483647;
  } else if (argc === 1) {
    throw new Error('Warning: rand() expects exactly 2 parameters, 1 given');
  }
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>
</head> 
<body bgcolor="#CCFFCC">
    <form name="f1" style="margin: 5px; text-align: left; font-size: 20px">
            <input id="code" type="text"><br>
             
            <button onclick="myFunction(this)" ><button>
    </form>
</body> 
</html>

Все так же?

@KeyGen · 31.05.2015, 15:21

Не хватает:
https://api.monosnap.com/rpc/f... T1Rd5Q20hC
Я не тестил так примерно написал.
И я думаю если нужен submit в принципе можно убрать эти строчки

$(button).closest('form').submit();
return false;

@Duskly · 31.05.2015, 15:28 **[ТС]**

В смысле не хватает? Вроде так все. Но не работает(
Вот:

там 2 мини кнопки)) нажимаю, нечего не происходит

@KeyGen · 31.05.2015, 15:32

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

$('#code).val(rand(1, 10));

У меня здесь опечатка просто. Верно так

JavaScript
1
$('#code').val(rand(1, 10));

и это jquery (подключил?) можно без (на чистом js) :

JavaScript
1
document.getElementById('code').value = rand(1, 10);

@Trukl · 31.05.2015, 15:35

PHP/HTML
1
2
3
4
5
<form target="_blank" method="POST" action="https://api.site.com">
<input type="hidden" name="amt" value="<?=mt_rand(111,999999999)?>" />
<input type="hidden" name="ccy" value="UAH" />
<input type="text" name="a" size="10" value="5">
<button type="submit"><img src="http://static.liqpay.com/buttons/p1ru.radius.png" border="0" /></button>

@Duskly · 31.05.2015, 15:40 **[ТС]**

Добавлено через 4 минуты

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

<?=mt_rand(111,999999999)?>

Это именно то что я искал) аххах как все просто оказалось) спасибо всем огромное)

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@KeyGen 388 / 295 / 21 Регистрация: 07.08.2011 Сообщений: 790 Записей в блоге: 1
	31.05.2015, 15:21
	Не хватает: https://api.monosnap.com/rpc/f... T1Rd5Q20hC Я не тестил так примерно написал. И я думаю если нужен submit в принципе можно убрать эти строчки $(button).closest('form').submit(); return false; 0

@Duskly 6 / 6 / 1 Регистрация: 10.06.2014 Сообщений: 98
	31.05.2015, 15:28 [ТС]
	В смысле не хватает? Вроде так все. Но не работает( Вот: там 2 мини кнопки)) нажимаю, нечего не происходит 0

Генерация случайных числел. HTML + JS

Решение