JS: Почему, когда я нажимаю кнопку, ничего не происходит?

У меня есть форма с двумя текстовыми входами. Второй ввод имеет число, которое должно быть изменено на значение внутри первого ввода.

Когда пользователь нажимает кнопку, второй ввод должен быть изменен (дополнен) в том же процентном соотношении, что и первый ввод.

Это мой код, который не работает: когда я нажимаю кнопку, ничего не происходит.

Aumentar un <input id="porcentaje">% <input type="button" id="aumentar" value="Aumentar" onclick="calcular()">
<br>Monto: <input id="campo">

Это функция calcular():

function calcular() {
var original = document.getElementById('campo').value;
var aumento = document.getElementById('porcentaje').value;

original = original*aumento/100;
}

А вот ссылка jsfiddle на скрипт.

Обратите внимание, что я не назвал кнопку "отправить" и не использовал onsubmit(), поскольку в форме уже есть одна кнопка отправки.


javascript button onclick onsubmit
person Rosamunda    schedule 12.01.2014    source источник
comment
вам нужно вернуть его в какое-то поле   -  person mplungjan    schedule 12.01.2014
comment
Я хочу изменить исходное поле. Я тоже пробовал с innerHTML.   -  person Rosamunda    schedule 12.01.2014
comment
document.getElementById('campo').value=оригинал   -  person mplungjan    schedule 12.01.2014
comment
Для входных данных введите type=text   -  person Alex Shilman    schedule 12.01.2014

Ответы (2)


arrow_upward
3
arrow_downward

Попробуйте это: http://jsfiddle.net/NAM7C/

calcular = function calcular() {
var original = document.getElementById('campo');
var aumento = document.getElementById('porcentaje').value;

original.value = (original.value*aumento/100);
}
person subZero    schedule 12.01.2014

arrow_upward
1
arrow_downward

Это ближе к вашему исходному коду, обратите внимание, что в JSFiddle вы должны установить Без переноса - в теле, чтобы ваш обработчик событий работал.

http://jsfiddle.net/S9Msj/

function calcular() {
var original = document.getElementById('campo');
var aumento = document.getElementById('porcentaje').value;

original.value = original.value*aumento/100;
}
person Matthew Azkimov    schedule 12.01.2014