JS：为什么当我单击按钮时什么都没发生？

Question

我有一个带有两个文本输入的表单。 第二个输入有一个数字，该数字应由第一个输入内的值更改。

当用户单击按钮时，应以与第一个输入相同的百分比来更改（增强）第二个输入。

这是我的代码，不起作用：当我单击按钮时，什么也没发生。

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链接。

请注意， 我没有将按钮命名为“ submit”，也没有使用onsubmit（），因为该表单已经具有一个提交按钮。

Answer 1

试试这个： http : //jsfiddle.net/NAM7C/

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

original.value = (original.value*aumento/100);
}

Answer 2

这更接近您的原始代码，请注意，在JSFiddle中，应将No wrap-in body设置为使事件处理程序正常工作。

http://jsfiddle.net/S9Msj/

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

original.value = original.value*aumento/100;
}