[英]How to pass the value of button to input text field but value should be disappear in text field using javascript
<script type="text/javascript">
function getvalue(data)
{
document.getElementById('result').value+=data;
}
function getequalto()
{
var text=document.getElementById('result').value;
var re=eval(text);
document.getElementById('result').value=re;
}
function plus()
{
document.getElementById('plus').style="visibility:hidden";
}
</script>
<input type="text" id="result"><br><br>
<input type="button" value="1" id="btn" onclick="getvalue(this.value)">
<input type="button" value="2" id="btn" onclick="getvalue(this.value)">
<input type="button" value="3" id="btn" onclick="getvalue(this.value)">
<input type="button" value="+" id="plus" onclick="getvalue(this.value) plus()">
<input type="button" value="=" id="btn" onclick="getequalto()">
I want to click on '+' button but this should not be show in input text feild, after that click on '=' button then result should be calculated by this operator. 我想单击“ +”按钮,但是不应在输入文本字段中显示它,然后单击“ =”按钮,然后应由该运算符计算结果。
if i apply visibility hidden method to '+' operator then hidden but not calculate the values. 如果我将可见性隐藏方法应用于“ +”运算符,则隐藏但不计算值。
You can try this code it will work perfectly, 您可以尝试使用此代码,它将完美运行,
<!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> <title>Insert title here</title> </head> <body> <script type="text/javascript"> function getvalue(data) { document.getElementById('result').value+=data; } function getequalto() { var text=document.getElementById('result').value; var re=eval(text); document.getElementById('result').value=re; } function plus() { document.getElementById('plus').style.visibility="hidden"; } </script> <input type="text" id="result"><br><br> <input type="button" value="1" id="btn1" onclick="getvalue(this.value)"> <input type="button" value="2" id="btn2" onclick="getvalue(this.value)"> <input type="button" value="3" id="btn3" onclick="getvalue(this.value)"> <input type="button" value="+" id="plus" onclick="getvalue(this.value); plus()"> <input type="button" value="=" id="btn" onclick="getequalto()"> </body> </html>
I have made changes to the dynamic style from document.getElementById('plus').style="visibility:hidden";
我已经从document.getElementById('plus').style="visibility:hidden";
更改了动态样式document.getElementById('plus').style="visibility:hidden";
to document.getElementById('plus').style.visibility="hidden";
到document.getElementById('plus').style.visibility="hidden";
which is the working syntax 这是工作语法
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.