Запросы AJAX

@MMSblack · Регистрация: 24.05.2013

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

Добрый день)
Нужна помощь.
На странице есть два поля ввода и кнопка-переключатель знаков "+" и "-" (при нажатии). Как реализовать через ajax, чтобы при вводе чисел в поля и нажатии на кнопку выполнялись действия(либо сложение, либо вычитание), без перезагрузки страницы. И результат выводился ниже.

@2849141 · 22.10.2015, 14:19

HTML5

<input id="fist" type="text"><br><br>
<input id="second" type="text"><br><br>
<input id="plus" type="button" value="+">
<input id="minus" type="button" value="-"><br><br>
<span id="result"></span>

Javascript

$(document).ready(function() {
    
    $("#plus").click(function() {
        if(document.getElementById('fist').value != "" && document.getElementById('second').value != "") {
            
            var fist_value = document.getElementById('fist').value;
            var second_value = document.getElementById('second').value;
            sum = parseInt(fist_value) + parseInt(second_value);
            document.getElementById('result').innerHTML = sum;
        }
    });
 
    $("#minus").click(function() {
        if(document.getElementById('fist').value != "" && document.getElementById('second').value != "") {
            
            var fist_value = document.getElementById('fist').value;
            var second_value = document.getElementById('second').value;
            difference = parseInt(fist_value) - parseInt(second_value);
            document.getElementById('result').innerHTML = difference;
        }
    });
 
});

@MMSblack 1 / 1 / 0 Регистрация: 24.05.2013 Сообщений: 32
		1
	Запросы AJAX 22.10.2015, 11:45. Показов 1668. Ответов 1 Метки нет (Все метки) Добрый день) Нужна помощь. На странице есть два поля ввода и кнопка-переключатель знаков "+" и "-" (при нажатии). Как реализовать через ajax, чтобы при вводе чисел в поля и нажатии на кнопку выполнялись действия(либо сложение, либо вычитание), без перезагрузки страницы. И результат выводился ниже. 0

	22.10.2015, 14:19

Опции темы

Запросы AJAX

Решение