Как подвязать к кнопке выполнение функции

@millenium · Регистрация: 02.07.2013

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

Добрый день!
Я начинающий и пытаюсь выполнить одно небольшое задание.
Я хочу, чтобы этот код выполнялся по нажанию на кнопку в html

JavaScript
1
2
3
4
function randomInteger(min, max) {
    let rand = min - 0.5 + Math.random() * (max - min + 1);
    return Math.round(rand);
}

пробовал через событие к кнопке в html

HTML5
1
<input type="button" onclick="randomInteger(min, max)" value="Выдать случайное число">

и ничего не происходит.

Пробовал через elem.onclick и тоже ничего..

HTML5
1
2
3
4
5
6
7
8
9
<input id="elem" type="button" value="Случайное число!">
<script>
  elem.onclick = function() {
function randomInteger(min, max) {
    let rand = min - 0.5 + Math.random() * (max - min + 1);
    return Math.round(rand);}
    alert('Спасибо');
  };
</script>

Просто при перезагрузки страницы может выдавать сгенерированное случайное число, а при нажатии на кнопку нет.
Что тут не так?

@fixeri · 04.12.2019, 12:10

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!doctype html>
  Минимальное число <br><input type="text" name="num1">
  <br><br>
  Максимальное число <br><input type="text" name="num2">
  <br><input type="button" id="btn" value="Выдать случайное число">
<script>
  "use strict";
 
 
  // document.getElementById("btn").onclick = event;
  document.getElementById("btn").addEventListener("click", event);
 
  function event() {
    let num1 = +document.getElementsByName("num1")[0].value;
    let num2 = +document.getElementsByName("num2")[0].value;
    alert("Число: " + randomInteger(num1, num2));
  }
 
  function randomInteger(min, max) {
      let rand = min - 0.5 + Math.random() * (max - min + 1);
      return Math.round(rand);
  }
  
</script>

@millenium · 04.12.2019, 12:25 **[ТС]**

Благодарю!
Даже более ожидаемоего)

Добавлено через 4 минуты
А еще вот, почему тогда onclick="randomInteger(min, max) не может захватить результат со скрипта?
Если поставить другую функцию, например, counter какой-то, то при нажатии функция сработает..

@nikita55050505 · 04.12.2019, 13:27

Задавая функцию таким образом она вызывается при инициализации приложения

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

JavaScript
1
2
3
4
5
6
7
<button onclick="randomInt(1, 100)">Any text</button>
    <script type="text/javascript">
        function randomInt(min, max) {
            let rand = min - 0.5 + Math.random() * (max - min + 1);
    console.log(rand);
    return Math.round(rand);
        }

Всё работает

@millenium · 05.12.2019, 00:01 **[ТС]**

Благодарю)

randomint такое не знал.

Новые блоги и статьи Все статьи Все блоги /
Программный отбор значения справочника Maks 21.03.2026 Процедура ВодителиНачалоВыбора(Элемент, ДанныеВыбора, ВыборДобавлением, СтандартнаяОбработка) / / Отключаем стандартную обработку (стандартное открытие формы выбора без фильтров) . . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:

@millenium 3 / 3 / 0 Регистрация: 02.07.2013 Сообщений: 93
	04.12.2019, 12:25 [ТС]
	Благодарю! Даже более ожидаемоего) Добавлено через 4 минуты А еще вот, почему тогда onclick="randomInteger(min, max) не может захватить результат со скрипта? Если поставить другую функцию, например, counter какой-то, то при нажатии функция сработает.. 0

@millenium 3 / 3 / 0 Регистрация: 02.07.2013 Сообщений: 93
	05.12.2019, 00:01 [ТС]
	Благодарю) randomint такое не знал. 0

Как подвязать к кнопке выполнение функции

Решение