Как вывести значение факторила именно на саму страницу ,а не через окно браузера

@Antuan1 · Регистрация: 14.01.2016

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

Ребят есть js code , выводит значение факториала через окошко браузера, как его вывести допустим в на саму страницу? Никак не могу понять как это сделать , засунуть в функцию тег инпут или как

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
25
26
27
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<input type="text" value="" placeholder="Введите значение факториала">
<input type="button" value="Подсчитать">
<script type="text/javascript">
var factorial = function (n) {
var suma = 1;
for(var i = 1; i <= n; i++) {
suma = suma * i;
}
return suma;
};
// добавить обработчик события click кнопке
document.querySelector('input[type="button"]').addEventListener('click', function () {
// получить значение из input и преобразовать String в Int
var value = parseInt(document.querySelector('input[type="text"]').value);
// подсчитать и вывести результат в консоль
alert(factorial(value));
});
</script>
</body>
</html>

@Balanaar · 03.11.2016, 09:43

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
25
26
27
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<input type="text" value="" placeholder="Введите значение факториала">
<input type="button" value="Подсчитать">
<script type="text/javascript">
var factorial = function (n) {
var suma = 1;
for(var i = 1; i <= n; i++) {
suma = suma * i;
}
return suma;
};
// добавить обработчик события click кнопке
document.querySelector('input[type="button"]').addEventListener('click', function () {
// получить значение из input и преобразовать String в Int
var value = parseInt(document.querySelector('input[type="text"]').value);
// подсчитать и вывести результат в консоль
document.write(factorial(value));
});
</script>
</body>
</html>

@Antuan1 · 07.11.2016, 17:02 **[ТС]**

не много не так. он вместо кнопки добовляет знаечние, а как слелать чтобы снизу выводилось значение

@Balanaar · 07.11.2016, 17:14

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

он вместо кнопки добовляет знаечние

Кто "он"? К чему добавляет? Значение чего?

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

чтобы снизу выводилось

Где снизу?

@Antuan1 · 07.11.2016, 17:55 **[ТС]**

ну смотри , при нажатии на кнопку , кнопка и поле ввода исчезает , и появляется вместо них значение факториала, а я говорю о том, чтобы ничего не исчезало а аккуратненько снизу появлялось значение, вбей в браузере и увидишь друг

@Balanaar · 07.11.2016, 18:02

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
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<input type="text" value="" placeholder="Введите значение факториала">
<input type="button" value="Подсчитать">
<script type="text/javascript">
var factorial = function (n) {
var suma = 1;
for(var i = 1; i <= n; i++) {
suma = suma * i;
}
return suma;
};
// добавить обработчик события click кнопке
document.querySelector('input[type="button"]').addEventListener('click', function () {
// получить значение из input и преобразовать String в Int
var value = parseInt(document.querySelector('input[type="text"]').value);
// подсчитать и вывести результат в консоль
var elem = document.createTextNode(factorial(value));
document.querySelector('body').appendChild(elem);
});
</script>
</body>
</html>

Или так:

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
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<input type="text" value="" placeholder="Введите значение факториала">
<input type="button" value="Подсчитать">
<div class="result"></div>
<script type="text/javascript">
var factorial = function (n) {
var suma = 1;
for(var i = 1; i <= n; i++) {
suma = suma * i;
}
return suma;
};
// добавить обработчик события click кнопке
document.querySelector('input[type="button"]').addEventListener('click', function () {
// получить значение из input и преобразовать String в Int
var value = parseInt(document.querySelector('input[type="text"]').value);
// подсчитать и вывести результат в консоль
var elem = document.createTextNode(factorial(value));
document.querySelector('.result').appendChild(elem);
});
</script>
</body>
</html>

@Antuan1 · 10.11.2016, 08:29 **[ТС]**

а почему когда два раза на кнопку нажимаешь значение повторяется ?

@Balanaar · 10.11.2016, 09:17

Потому что в коде не предусмотрено затирание предыдущего значения. Очевидно же. Я надеялся, что дальше вы сами сообразите, что делать.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<input type="text" value="" placeholder="Введите значение факториала">
<input type="button" value="Подсчитать">
<div class="result"></div>
<script type="text/javascript">
var factorial = function (n) {
var suma = 1;
for(var i = 1; i <= n; i++) {
suma = suma * i;
}
return suma;
};
// добавить обработчик события click кнопке
document.querySelector('input[type="button"]').addEventListener('click', function () {
// получить значение из input и преобразовать String в Int
var value = parseInt(document.querySelector('input[type="text"]').value);
// подсчитать и вывести результат в консоль
document.querySelector('.result').innerHTML = factorial(value);
});
</script>

Новые блоги и статьи Все статьи Все блоги /
1С: Контроль уникальности заводского номера Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью. Данные берутся из регистра сведений, по которому настроено. . .	Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git	1С: Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .
Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит значение перечислений. / / Событие "НачалоВыбора" реквизита на форме. . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .

@Antuan1 0 / 0 / 0 Регистрация: 14.01.2016 Сообщений: 137
	07.11.2016, 17:02 [ТС]
	не много не так. он вместо кнопки добовляет знаечние, а как слелать чтобы снизу выводилось значение 0

@Antuan1 0 / 0 / 0 Регистрация: 14.01.2016 Сообщений: 137
	07.11.2016, 17:55 [ТС]
	ну смотри , при нажатии на кнопку , кнопка и поле ввода исчезает , и появляется вместо них значение факториала, а я говорю о том, чтобы ничего не исчезало а аккуратненько снизу появлялось значение, вбей в браузере и увидишь друг 0

@Antuan1 0 / 0 / 0 Регистрация: 14.01.2016 Сообщений: 137
	10.11.2016, 08:29 [ТС]
	а почему когда два раза на кнопку нажимаешь значение повторяется ? 0