Калькулятор: вывод ответа на форму html

@макs · Регистрация: 01.09.2013

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

Здравствуйте, помогите. Написал калькулятор в одном файле test.php, все работает норм , а мне надо, чтобы в html файле, была форма и выводился ответ. . Как сделать, подскажите, пожалуйста. Пробовал через <?php include "имя_файла.php"; ?> , а DW даже не подсвечивает код что это php

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<?php
$t = $_POST["text"];
$t1 = $_POST["text1"];
$valu = $_POST["valu"];
 
  function sum ($t, $t1, $valu){
      if(isset ($t) and isset($t1) && !empty ($t) and !empty($t1)){
        if(  is_numeric($t1) &&  is_numeric($t1)){
            switch($valu){
                case"+":
                $r = $t + $t1;
                break;
                case"-":
                $r = $t - $t1;
                break;
                case"/":
                $r = $t /$t1;
                break;
                case"*":
                $r = $t * $t1;
                break;
            }
         }
         else {echo "вы вели буквы";}
      }
      else {echo "поля пустые";}
      echo $r;
      }
 
 
 
?>
//Как, это запихать в html.
<form action="test.php" method="post" >
 <p><input type="text" name="text"> 
 
 <select name = "valu">
 <option value="+">+</option>
 <option value="-">-</option>
 <option value="/">/</option>
 <option value="*">*</option>
 </select>
 
 <input type="text" name="text1"></p>

//А здесь выводился ответ.

PHP/HTML
1
2
3
4
 <?php echo sum($t,$t1, $valu);?>
 <p> <input type="submit"></p>
</form>
 <p>

@nava · 08.05.2015, 07:19

может, сделать несколько иначе: сделать все в php-файле? То есть создали php-документ, написали калькулятор, закрыли пхп. А дальше в этом же файле вписываем хтмл:
?>

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<meta http-equiv="content-type" content="text/html;

charset=windows-1251" />
 
 
<link href="style.css" rel="stylesheet" type="text/css"
 
media="screen" />
#в общем, весь хедер
</head>
<body>

и тут в структуру выводим что вам надо:

<p><?php $ht //ваш кусок кода
?></p>

и так далее

@pacanchik2013 · 08.05.2015, 07:29

макs, если вам нужно разместить форму именно в html и получать результат без перезагрузки и перехода на другую страницу, то используйте ajax и jquery (на момент проверки работоспособности кода, версию брал эту jquery-2.1.4.min.js):

tests.html

Кликните здесь для просмотра всего текста

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>
<head>
<title>Калькулятор</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<body>
<script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            /**
             * Функция для отправки формы средствами Ajax
             **/
            function AjaxFormRequest(result_id,form_id,url) {
                jQuery.ajax({
                    url:     url,
                    type:     "POST",
                    dataType: "html",
                    data: jQuery("#"+form_id).serialize(), 
                    success: function(response) { //Если все нормально
                    document.getElementById(result_id).innerHTML = response;
                },
                error: function(response) { //Если ошибка
                document.getElementById(result_id).innerHTML = "Произошла ошибка";
                }
             });
        }
   </script>
    </head>
    <body>
<br/><br/>
    <form method="post" action="" id="form_id">
      <p><input type="text" name="text">
<select name = "valu">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="/">/</option>
    <option value="*">*</option>
</select>
<input type="text" name="text1"></p>
<input type="button" value="Отправить" onclick="AjaxFormRequest('result_div_id', 'form_id', 'form.php')" />
    </form>
        <div style="border: 1px solid red; width: 200px; height: 20px; padding: 10px;" id="result_div_id">
            Итог...
        </div>
</body>
</html>

form.php

Кликните здесь для просмотра всего текста

PHP
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
31
<?php
$t = $_POST["text"];
$t1 = $_POST["text1"];
$valu = $_POST["valu"];
 
function sum ($t, $t1, $valu){
if(isset ($t) and isset($t1) && !empty ($t) and !empty($t1)){
if( is_numeric($t1) && is_numeric($t1)){
switch($valu){
case"+":
$r = $t + $t1;
break;
case"-":
$r = $t - $t1;
break;
case"/":
$r = $t /$t1;
break;
case"*":
$r = $t * $t1;
break;
}
}
else {echo "вы вели буквы";}
}
else {echo "поля пустые";}
echo $r;
}
/* Выводим результат */
echo sum($t,$t1, $valu);
?>

@макs · 08.05.2015, 07:29 **[ТС]**

У меня так и есть. А хочется что бы, форма с выводом ответа была в html файле.

@pacanchik2013 · 08.05.2015, 07:32

макs,

Сообщение от макs

У меня так и есть. А хочется что бы, форма с выводом ответа была в html файле.

в таком случае, тот вариант, что я вам написал вполне должен подойти.

@макs · 08.05.2015, 07:34 **[ТС]**

А на php так сделать можно?

@pacanchik2013 · 08.05.2015, 08:18

макs, можно, только не понятно, сперва вы говорите про HTML, теперь о PHP. Я сделал так, как вы просили, форма находится в HTML файле, а сам калькулятор в PHP. Определитесь с тем, что вы хотите, и сформулируйте свой вопрос более корректно. А то получается так, что "Пришел в магазин, а что купить не знаешь, толи это, толи вон то..."

@макs · 08.05.2015, 08:33 **[ТС]**

Вы использовали jquery что бы было без перезагрузки, а я не знаю этот язык. И поэтому спрашиваю про php. За ответ спасибо, все стало на свои места.
Да и php, как две недели изучаю.

@pacanchik2013 · 08.05.2015, 09:07

макs, для этого и нужен jquery чтоб не было перезагрузки страницы, а если делать на PHP то при нажатии кнопки произойдет переход на другую страницу только лишь с результатом, вам оно надо? Мне кажется так намного удобнее, тем более в предоставленном мною примере используется "serialize", то есть вам и не надо вникать в тот код jquery, что я использовал, все уже реализовано, сколько будет у вас переменных "$t2, $t3, $t4 и т.д." столько и будет передаваться в PHP, вам останется только присвоить им значения\аргументы.

@hoob777 · 08.05.2015, 09:29

pacanchik2013, Подсажите как вы связали ваш tests.html с form.hph. Я вот ищу в tests.html include и require, их нету ?

Добавлено через 11 минут
Всё я разобрался 38 строка в tests.html

@макs · 08.05.2015, 10:01 **[ТС]**

Извиняюсь, конечно, но итог не выводит.
Все скопировал и вставил из tests.html в tests.html и form.php тоже.

@hoob777 · 08.05.2015, 10:33

макs, Не знаю, я забрал исходники у меня всё получилось, вы jquery сами то не забыли подключить ? 6-ая строка в tests.html. И ещё + у меня локальный хост Denwer, без него не знаю будет работать или нет.

@макs · 08.05.2015, 10:42 **[ТС]**

jquery.js – как я понимаю это библиотека jquery. То у меня нет такой. И у меня denwer

@hoob777 · 08.05.2015, 10:48

макs, http://jquery.com/download/ скачивай и закинь на денвер в корень с tests.html i form.php. И самое главное переименуй файл jquery, так как он в исходнике tests.html записан.

@макs · 08.05.2015, 10:59 **[ТС]**

подключил вот эту строчку и все гуд
src=https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js

мне интересно, а себе на localhost где эту библиотеку скачать.

Добавлено через 8 минут
Все нашел и разобрался.
Спасибо всем за помощь.

@pacanchik2013 · 08.05.2015, 11:16

макs, прямая ссылка на jquery

Новые блоги и статьи Все статьи Все блоги /
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 . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@макs 0 / 0 / 1 Регистрация: 01.09.2013 Сообщений: 33
	08.05.2015, 07:29 [ТС]
	У меня так и есть. А хочется что бы, форма с выводом ответа была в html файле. 0

@макs 0 / 0 / 1 Регистрация: 01.09.2013 Сообщений: 33
	08.05.2015, 07:34 [ТС]
	А на php так сделать можно? 0

@pacanchik2013 27 / 26 / 9 Регистрация: 08.04.2015 Сообщений: 288
	08.05.2015, 08:18
	макs, можно, только не понятно, сперва вы говорите про HTML, теперь о PHP. Я сделал так, как вы просили, форма находится в HTML файле, а сам калькулятор в PHP. Определитесь с тем, что вы хотите, и сформулируйте свой вопрос более корректно. А то получается так, что "Пришел в магазин, а что купить не знаешь, толи это, толи вон то..." 0

@макs 0 / 0 / 1 Регистрация: 01.09.2013 Сообщений: 33
	08.05.2015, 08:33 [ТС]
	Вы использовали jquery что бы было без перезагрузки, а я не знаю этот язык. И поэтому спрашиваю про php. За ответ спасибо, все стало на свои места. Да и php, как две недели изучаю. 0

@pacanchik2013 27 / 26 / 9 Регистрация: 08.04.2015 Сообщений: 288
	08.05.2015, 09:07
	макs, для этого и нужен jquery чтоб не было перезагрузки страницы, а если делать на PHP то при нажатии кнопки произойдет переход на другую страницу только лишь с результатом, вам оно надо? Мне кажется так намного удобнее, тем более в предоставленном мною примере используется "serialize", то есть вам и не надо вникать в тот код jquery, что я использовал, все уже реализовано, сколько будет у вас переменных "$t2, $t3, $t4 и т.д." столько и будет передаваться в PHP, вам останется только присвоить им значения\аргументы. 1

@hoob777 5 / 5 / 5 Регистрация: 03.01.2015 Сообщений: 115
	08.05.2015, 09:29
	pacanchik2013, Подсажите как вы связали ваш tests.html с form.hph. Я вот ищу в tests.html include и require, их нету ? Добавлено через 11 минут Всё я разобрался 38 строка в tests.html 0

@макs 0 / 0 / 1 Регистрация: 01.09.2013 Сообщений: 33
	08.05.2015, 10:01 [ТС]
	Извиняюсь, конечно, но итог не выводит. Все скопировал и вставил из tests.html в tests.html и form.php тоже. 0

@hoob777 5 / 5 / 5 Регистрация: 03.01.2015 Сообщений: 115
	08.05.2015, 10:33
	макs, Не знаю, я забрал исходники у меня всё получилось, вы jquery сами то не забыли подключить ? 6-ая строка в tests.html. И ещё + у меня локальный хост Denwer, без него не знаю будет работать или нет. 0

@макs 0 / 0 / 1 Регистрация: 01.09.2013 Сообщений: 33
	08.05.2015, 10:42 [ТС]
	jquery.js – как я понимаю это библиотека jquery. То у меня нет такой. И у меня denwer 0

@hoob777 5 / 5 / 5 Регистрация: 03.01.2015 Сообщений: 115
	08.05.2015, 10:48
	макs, http://jquery.com/download/ скачивай и закинь на денвер в корень с tests.html i form.php. И самое главное переименуй файл jquery, так как он в исходнике tests.html записан. 0

@макs 0 / 0 / 1 Регистрация: 01.09.2013 Сообщений: 33
	08.05.2015, 10:59 [ТС]
	подключил вот эту строчку и все гуд src=https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js мне интересно, а себе на localhost где эту библиотеку скачать. Добавлено через 8 минут Все нашел и разобрался. Спасибо всем за помощь. 0

@pacanchik2013 27 / 26 / 9 Регистрация: 08.04.2015 Сообщений: 288
	08.05.2015, 11:16
	макs, прямая ссылка на jquery 0