sanla
07-18-2011, 10:22 AM
Hi,
Nothing will display in my textarea after pressing an input number which have to seen on the display. The code is from a simple calculator
<form action="#" method="get" onsubmit="return false">
<p>
<textarea disabled="disabled"></textarea>
</p>
<div id="calculatorButtons">
<p>
<button onclick="calculatorNumber(1)">1</button>
<button onclick="calculatorNumber(2)">2</button>
<button onclick="calculatorNumber(3)">3</button>
<button onclick="calculatorOp('+')">+</button>
</p>
<p>
<button onclick="calculatorNumber(4)">4</button>
<button onclick="calculatorNumber(5)">5</button>
<button onclick="calculatorNumber(6)">6</button>
<button onclick="calculatorOp('-')">-</button>
</p>
<p>
<button onclick="calculatorNumber(7)">7</button>
<button onclick="calculatorNumber(8)">8</button>
<button onclick="calculatorNumber(9)">9</button>
<button onclick="calculatorOp('*')">*</button>
</p>
<p>
<button onclick="calculatorNumber(0)">0</button>
<button onclick="calculatorOp(',')">,</button>
<button onclick="calculatorClear()">Clear</button>
<button onclick="calculatorCalculate()">Calc</button>
</p>
</div>
</form>
function calculatorNumber(i) {
document.form.getElementById('textarea').innerHTML = i;
}
What is the right way to refer to the textarea?
Nothing will display in my textarea after pressing an input number which have to seen on the display. The code is from a simple calculator
<form action="#" method="get" onsubmit="return false">
<p>
<textarea disabled="disabled"></textarea>
</p>
<div id="calculatorButtons">
<p>
<button onclick="calculatorNumber(1)">1</button>
<button onclick="calculatorNumber(2)">2</button>
<button onclick="calculatorNumber(3)">3</button>
<button onclick="calculatorOp('+')">+</button>
</p>
<p>
<button onclick="calculatorNumber(4)">4</button>
<button onclick="calculatorNumber(5)">5</button>
<button onclick="calculatorNumber(6)">6</button>
<button onclick="calculatorOp('-')">-</button>
</p>
<p>
<button onclick="calculatorNumber(7)">7</button>
<button onclick="calculatorNumber(8)">8</button>
<button onclick="calculatorNumber(9)">9</button>
<button onclick="calculatorOp('*')">*</button>
</p>
<p>
<button onclick="calculatorNumber(0)">0</button>
<button onclick="calculatorOp(',')">,</button>
<button onclick="calculatorClear()">Clear</button>
<button onclick="calculatorCalculate()">Calc</button>
</p>
</div>
</form>
function calculatorNumber(i) {
document.form.getElementById('textarea').innerHTML = i;
}
What is the right way to refer to the textarea?