Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   помогите чайнику: вывод результатов сложения (https://javascript.ru/forum/misc/10283-pomogite-chajjniku-vyvod-rezultatov-slozheniya.html)

Эдуард 26.06.2010 12:10

помогите чайнику: вывод результатов сложения
 
Есть вот такой код который выводит результат в поле <input type="text" name="output" id="output" size="6" />, а необходимо чтобы результат выводился в середине текста обычным шрифтом. как это сделать?

01 <html>
02 <head>
03 <title>Sum Maker</title>
04 <script type="text/javascript">
05 <!--
06 function addIt() {
07 var value1 = parseInt(document.getElementById("inputA").value); // <---
08 var value2 = parseInt(document.getElementById("inputB").value); // <---
09 document.getElementById("output").value = value1 + value2;
10 }
11 // -->
12 </script>
13 </head>
14
15 <body>
16 <form name="adder">
17 <input type="text" name="inputA" id="inputA" value="0" size="4" /><br />
18 <input type="text" name="inputB" id="inputB" value="0" size="4" />
19 <input type="button" value="Add" onclick="addIt()">
20 <p>____________</p>
21 <input type="text" name="output" id="output" size="6" />
22 </form>
23 </body>
24 </html>

Gvozd 26.06.2010 12:32

innerHTML

Эдуард 26.06.2010 12:40

Gvozd,
спасибо конечно, но непонятно,

FreeStyler 26.06.2010 13:15

Эдуард,
в середине какого текста? -_-
Форматируй код

Вот попрбуй
<html>
<head>
<title>Sum Maker</title>
 <script type="text/javascript">

 function addIt() {
 var value1 = parseInt(document.getElementById("inputA").value); // <---
 var value2 = parseInt(document.getElementById("inputB").value); // <---
 document.getElementById("output").innerHTML = value1 + value2;
 }

</script>
 </head>

 <body>
 <form name="adder">
 <input type="text" name="inputA" id="inputA" value="0" size="4" /><br />
 <input type="text" name="inputB" id="inputB" value="0" size="4" />
 <input type="button" value="Add" onclick="addIt()">
 <p>____________</p>
<span id="output"></span>
 </form>
 </body>
 </html>

Эдуард 26.06.2010 16:34

FreeStyler,
спасибо то что надо, имелось ввиду вставка результата в любом месте страницы

hlopik@kaz-shop.net 03.08.2014 23:31

Функция работает только 1 раз
 
Здравствуйте!
Воспользовался Вашей функцией для вывода суммы цен товаров в корзине, вернее для изменения суммы при удалении товара, но функция работает только первый раз, то есть при удалении 1-го товара, при удалении следующих товаров сумма не меняется. Не подскажите в чем может быть проблема? Адрес сайта kaz-shop.net

Цитата:

Сообщение от FreeStyler (Сообщение 61183)
Эдуард,
в середине какого текста? -_-
Форматируй код

Вот попрбуй
<html>
<head>
<title>Sum Maker</title>
 <script type="text/javascript">

 function addIt() {
 var value1 = parseInt(document.getElementById("inputA").value); // <---
 var value2 = parseInt(document.getElementById("inputB").value); // <---
 document.getElementById("output").innerHTML = value1 + value2;
 }

</script>
 </head>

 <body>
 <form name="adder">
 <input type="text" name="inputA" id="inputA" value="0" size="4" /><br />
 <input type="text" name="inputB" id="inputB" value="0" size="4" />
 <input type="button" value="Add" onclick="addIt()">
 <p>____________</p>
<span id="output"></span>
 </form>
 </body>
 </html>



Часовой пояс GMT +3, время: 13:27.