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

@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>

Новые блоги и статьи Все статьи Все блоги /
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .

@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