Действия над числами

@xand · Регистрация: 12.04.2010

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

Здравствуйте, подскажите пожалуйста незнающему js, как сделать небольшенький скрипт для действия над 5 числами ( к js решил прибегнуть из за необходимости проверять вводимые данные "на лету") и вывод в таком же поле ответа.
ПРИМЕР: 5 полей куда вводятся данные, первые два поля перемножаются, и к этому произведению прибавляются остальые числа ( 2*3 + 5 + 10 + 3), и выводится ответ.
И ещё небольшая просьба...подсказать как это можно интегрировать на страницу сайта? Сохранить в формате js и залить в корневую папку? Или же вставить в html код страницы? Или же какой нить свосем хитрый способ?

Vovan-VE · 13.04.2010, 18:23

Javascript

function calc() {
    var a = {};
    for (var i = 1; i <= 5; i++) a[i] = document.getElementById('tx' + i);
    var r = document.getElementById('result');
    r.innerHtml = +a[1].value * a[2].value + a[3].value + a[4].value + a[4].value;
};

HTML5

<input type="text" id="tx1" onchange="calc()" /> *
<input type="text" id="tx2" onchange="calc()" /> +
<input type="text" id="tx3" onchange="calc()" /> +
<input type="text" id="tx4" onchange="calc()" /> +
<input type="text" id="tx5" onchange="calc()" /> =
<span id="result"></span>

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

Javascript

1	r.innerHtml = +a[1].value * a[2].value + a[3].value + a[4].value + a[4].value;

Исправить

Javascript

1	r.innerHTML = +a[1].value * +a[2].value + +a[3].value + +a[4].value + +a[4].value;

@xand · 14.04.2010, 11:50 **[ТС]**

Спасибо земляк

Добавлено через 4 часа 57 минут
Чёт немного не могу разобраться как интегрировать эти коды и куда...
насколько я знаю чтобы вставить непосредственно на страничку ( не использую scr= ) нужно сделать так:
в определённое место на страничке в html код вставить

Javascript

<script lang="JavaScript">
function calc() {
    var a = {};
    for (var i = 1; i <= 5; i++) a[i] = document.getElementById('tx' + i);
    var r = document.getElementById('result');
    r.innerHTML = +a[1].value * +a[2].value + +a[3].value + +a[4].value + +a[4].value;
};
</script>

следом

HTML5

<form>
<input type="text" id="tx1" onchange="calc()" /> *
<input type="text" id="tx2" onchange="calc()" /> +
<input type="text" id="tx3" onchange="calc()" /> +
<input type="text" id="tx4" onchange="calc()" /> +
<input type="text" id="tx5" onchange="calc()" /> =
<span id="result"></span>
</form>

в верном направлении думаю?

Vovan-VE · 14.04.2010, 18:33

В целом, правильно.

HTML5

<html>
  <head>
    <meta ... />
    <title>lol</title>
    <script type="text/javascript"><!--
function calc() {
    var a = {};
    for (var i = 1; i <= 5; i++) a[i] = document.getElementById('tx' + i);
    var r = document.getElementById('result');
    r.innerHTML = +a[1].value * +a[2].value + +a[3].value + +a[4].value + +a[4].value;
};
//--></script>
  </head>
  <body>
    <input type="text" id="tx1" onchange="calc()" /> *
    <input type="text" id="tx2" onchange="calc()" /> +
    <input type="text" id="tx3" onchange="calc()" /> +
    <input type="text" id="tx4" onchange="calc()" /> +
    <input type="text" id="tx5" onchange="calc()" /> =
    <span id="result"></span>
  </body>
</html>

@xand · 14.04.2010, 19:02 **[ТС]**

Блин.... прошу прощение за такие глупые вопросы, но можно ли подключить скрипт не в head, a в body?
Т.е. непосредственно в content, работаю с шаблонами, поэтому не хочется в сам шаблон вбивать подключение

Vovan-VE · 14.04.2010, 19:15

Конечно можно, перед инпутами.

@xand · 14.04.2010, 20:07 **[ТС]**

Ну вот в таком виде не работает, вставил в контент это

Java

<script type="text/javascript"><!--
function calc() {
    var a = {};
    for (var i = 1; i <= 5; i++) a[i] = document.getElementById('tx' + i);
    var r = document.getElementById('result');
    r.innerHTML = +a[1].value * +a[2].value + +a[3].value + +a[4].value + +a[4].value;
};
//--></script>
  </head>
  <body>
    <input type="text" id="tx1" onchange="calc()" /> *
    <input type="text" id="tx2" onchange="calc()" /> +
    <input type="text" id="tx3" onchange="calc()" /> +
    <input type="text" id="tx4" onchange="calc()" /> +
    <input type="text" id="tx5" onchange="calc()" /> =
    <span id="result"></span>

Не работает....
Попробовал простейшую команду (alert ) - работает....

@Vanstorm · 14.04.2010, 21:05

xand,
Почему не работает? У меня вроде пашет...

@xand · 15.04.2010, 11:34 **[ТС]**

Вот я тоже понять не могу почему не работает....

Добавлено через 18 минут
Может стоить не в html код запихать скрипт, а просто подключить его?
в скрипт.js записать выполнение операций и в форме просто указать

Java

1	<script type="text/JavaScript" scr="скриптj.s"></script>

Добавлено через 1 час 31 минуту

Javascript

1	<script src="скриптj.s"></script>

так будет правельнее

@xand 84 / 84 / 8 Регистрация: 12.04.2010 Сообщений: 324
		1
	Действия над числами 12.04.2010, 18:00. Показов 1410. Ответов 8 Метки нет (Все метки) Здравствуйте, подскажите пожалуйста незнающему js, как сделать небольшенький скрипт для действия над 5 числами ( к js решил прибегнуть из за необходимости проверять вводимые данные "на лету") и вывод в таком же поле ответа. ПРИМЕР: 5 полей куда вводятся данные, первые два поля перемножаются, и к этому произведению прибавляются остальые числа ( 2*3 + 5 + 10 + 3), и выводится ответ. И ещё небольшая просьба...подсказать как это можно интегрировать на страницу сайта? Сохранить в формате js и залить в корневую папку? Или же вставить в html код страницы? Или же какой нить свосем хитрый способ? 0

@xand 84 / 84 / 8 Регистрация: 12.04.2010 Сообщений: 324
	14.04.2010, 19:02 [ТС]	5
	Блин.... прошу прощение за такие глупые вопросы, но можно ли подключить скрипт не в head, a в body? Т.е. непосредственно в content, работаю с шаблонами, поэтому не хочется в сам шаблон вбивать подключение 0

Vovan-VE 13208 / 6596 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	14.04.2010, 19:15	6
	Конечно можно, перед инпутами. 0

@Vanstorm 2773 / 341 / 22 Регистрация: 15.01.2008 Сообщений: 2,614
	14.04.2010, 21:05	8
	xand, Почему не работает? У меня вроде пашет... 0