Форумы портала PHP.SU :: Версия для печати :: Как проводить простые математические расчеты без ajax?

1. Crowley - 21 Марта, 2014 - 11:03:52 - перейти к сообщению

Здравствуйте. У меня есть страница, на странице - форма. На форме один элемент - text(однострочное текстовое поле), мне нужно чтобы при вводе в это поле цифры "100"(например) к этой цифре добавлялось 20, и ниже с помощью html тэга <p> выводилось число 120.

При этом ajax использовать нельзя и обновлять страницу тоже.

Возможно ли это реализовать? Если да, то как?

2. difight - 21 Марта, 2014 - 11:17:30 - перейти к сообщению

jquery

3. IllusionMH - 21 Марта, 2014 - 11:41:06 - перейти к сообщению

difight, гениально. Jake Weary актер, а не математик. Или у него есть какие-то отдельные математические функции для расчетов?

Crowley, да просто получаете значение инпута при его изменении или клике на кнопку.
Как получать элементы и получать их значение http://learn[dot]javascript[dot]ru/searc[dot][dot][dot]ing-elements-dom
События по которым это делать http://learn[dot]javascript[dot]ru/intro[dot][dot][dot]n-browser-events
И прстчерез innerHTML можно выводить значение.

4. Crowley - 21 Марта, 2014 - 13:13:10 - перейти к сообщению

IllusionMH пишет:

difight, гениально. Jake Weary актер, а не математик. Или у него есть какие-то отдельные математические функции для расчетов?

Crowley, да просто получаете значение инпута при его изменении или клике на кнопку.
Как получать элементы и получать их значение http://learn[dot]javascript[dot]ru/searc[dot][dot][dot]ing-elements-dom
События по которым это делать http://learn[dot]javascript[dot]ru/intro[dot][dot][dot]n-browser-events
И прстчерез innerHTML можно выводить значение.

Хмм...А пример можно?

5. DlTA - 21 Марта, 2014 - 13:14:54 - перейти к сообщению

Crowley пишет:

Хмм...А пример можно?

перейдите по ссылкам там примеры

IllusionMH пишет:

Как получать элементы и получать их значение http://learn[dot]javascript[dot]ru/searc[dot][dot][dot]ing-elements-dom
События по которым это делать http://learn[dot]javascript[dot]ru/intro[dot][dot][dot]n-browser-events

6. Crowley - 21 Марта, 2014 - 15:40:09 - перейти к сообщению

IllusionMH пишет:

Это все крайне неудобно. А если пользователь захочет ввести цифру 10000, например? Он будет 5 раз видеть это всплывающее окно. Мне же нужно в html код выводить это дело. Что-то вроде echo в php.

7. teddy - 21 Марта, 2014 - 15:45:17 - перейти к сообщению

CODE (javascript):
скопировать код в буфер обмена

<script type="text/javascript">
function changeNum(){
    var num = document.getElementById('num');
    document.getElementById('result').innerHTML = parseFloat(num.value) + 20;
}
</script>

CODE (html):
скопировать код в буфер обмена

<p id="result"></p>
<input type="text" id="num" onchange="javascript:changeNum();" />

Как только введете число и уберете курсор с инпута получите то что хотели. Либо можно поменять тип события и сделать это не по убиранию курсора с инпута а по клику например