[英]How to get the user input from buttons to display in the text box using function (for-loop)?
How to get the numbers displayed in the display textbox when the user clicks the number buttons? 当用户单击数字按钮时,如何使数字显示在显示文本框中? I do not know what to put in my
numInputF()
function, I want to use a for-loop function, but I do not know how. 我不知道要在
numInputF()
函数中放入什么,我想使用for循环函数,但我不知道如何。
<script>
var initialMoney = 1000; //Customer's initial money is $1000
var display;
/* Set the "Type amount and select operation to blank." */
function setBlankF(){
document.getElementById("display").value = "";
}
/* Gets the user input when buttons are clicked. */
function numInputF(){
}
This is my body part. 这是我的身体部位。 I know that I should put something on the onclick button, but I have not figured out how to make my function, which is why it is blank.
我知道我应该在onclick按钮上放些东西,但是我还没有弄清楚如何制作我的函数,这就是为什么它空白的原因。
<table border="1">
<caption>ATM 360</caption>
<tr>
<td colspan="4">
<input type="text" id="display" value="Type amount and select operation" size="30" onclick="setBlankF()">
</td>
</tr>
<tr>
<td>
<input type="button" value="1" onclick="">
</td>
<td>
<input type="button" value="2" onclick="">
</td>
<td>
<input type="button" value="3" onclick="">
</td>
<td>
<input type="button" value="Withdrawal" id="withdraw" onclick="">
</td>
</tr>
<tr>
<td>
<input type="button" value="4" onclick="">
</td>
<td>
<input type="button" value="5" onclick="">
</td>
<td>
<input type="button" value="6" onclick="">
</td>
<td>
<input type="button" value="Deposit" id="deposit" onclick="">
</td>
</tr>
<tr>
<td>
<input type="button" value="7" onclick="">
</td>
<td>
<input type="button" value="8" onclick="">
</td>
<td>
<input type="button" value="9" onclick="">
</td>
<td>
<input type="button" value="Retype" id="retype" onclick="">
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="button" value="0" onclick="">
</td>
<td>
</td>
<td>
<input type="button" value="End" id="end" onclick="">
</td>
</tr>
</table>
Thank you in advance. 先感谢您。
First attach the click event to all the buttons, so get all buttons elements with type=button
using .querySelectorAll()
then loop through them and pick one by one buttons[i]
and attach the click event using .addEventListener
this click will lead us to the function numInputF
as defined in the passed arguments : 首先,点击事件附加到所有按钮,所以得到了所有按钮元素
type=button
使用.querySelectorAll()
通过他们,然后循环,并挑选一个一个buttons[i]
,并使用附加click事件.addEventListener
此点击将导致我们传递给参数中定义的numInputF
函数:
var buttons = document.querySelectorAll('[type="button"]');
for(var i=0;i<buttons.length;i++){
buttons[i].addEventListener("click", numInputF, false);
}
Then in your function you could get the value like : 然后在您的函数中,您可以得到如下值:
function numInputF(){
alert(this.value);
}
Hope this helps. 希望这可以帮助。
var buttons = document.querySelectorAll('[type="button"]'); for(var i=0;i<buttons.length;i++){ buttons[i].addEventListener("click", numInputF, false); } function numInputF(){ alert(this.value); }
<table border="1"> <caption>ATM 360</caption> <tr> <td colspan="4"> <input type="text" id="display" value="Type amount and select operation" size="30" onclick="setBlankF()"> </td> </tr> <tr> <td> <input type="button" value="1" onclick=""> </td> <td> <input type="button" value="2" onclick=""> </td> <td> <input type="button" value="3" onclick=""> </td> <td> <input type="button" value="Withdrawal" id="withdraw" onclick=""> </td> </tr> <tr> <td> <input type="button" value="4" onclick=""> </td> <td> <input type="button" value="5" onclick=""> </td> <td> <input type="button" value="6" onclick=""> </td> <td> <input type="button" value="Deposit" id="deposit" onclick=""> </td> </tr> <tr> <td> <input type="button" value="7" onclick=""> </td> <td> <input type="button" value="8" onclick=""> </td> <td> <input type="button" value="9" onclick=""> </td> <td> <input type="button" value="Retype" id="retype" onclick=""> </td> </tr> <tr> <td> </td> <td> <input type="button" value="0" onclick=""> </td> <td> </td> <td> <input type="button" value="End" id="end" onclick=""> </td> </tr> </table>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.