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;
}