最近在学习ASP.NET 老师要求 用JAVASCRIPT 在网页上制作个计算器。我做了但是老是报错。说缺少对象！
<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>无标题页</title></he...
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
</head>
<body>
<div>
<form id="form1" runat="server">
<input type="text" id="text1" runat="server" onclick="return text1_onclick()" /><%--加入第一个文本框获取第一个数字--%>
<asp:DropDownList ID="DropDownList1" runat="server"
onselectedindexchanged="DropDownList1_SelectedIndexChanged"><%--下拉列表框选择运算符号--%>
<asp:ListItem Selected="True">+</asp:ListItem>
<asp:ListItem>-</asp:ListItem>
<asp:ListItem>*</asp:ListItem>
<asp:ListItem>/</asp:ListItem>
</asp:DropDownList>
<input type="text" id="text2" runat="server" onclick="return text2_onclick()" /><%--第二个文本框获取第二个数--%>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="="
style="height: 26px" /> <%--等号按钮--%>
<input type="text" id="text3" runat="server" onclick="return text3_onclick()" /><%--结果文本框输出结果--%>
</form>
</div>
<script type="text/javascript">
var a=document.getElementById('text1').value; //获取第一个文本框的值
var b=document.getElementById('text2').value; //获取第二个文本框的值
var c=document.getElementById('DropDownList1'); //获取下拉列表的值
var d=document.getElementById('text3').value; //将结果赋给第三个列表框
</script>
</body>
</html>
1、这个程序做好后 如何在等号控件里面触发？
还有就是如何在ASP.NET网站设计上调出行号？我在文本编辑器里面调不出来！ 展开
<head runat="server">
<title>无标题页</title>
</head>
<body>
<div>
<form id="form1" runat="server">
<input type="text" id="text1" runat="server" onclick="return text1_onclick()" /><%--加入第一个文本框获取第一个数字--%>
<asp:DropDownList ID="DropDownList1" runat="server"
onselectedindexchanged="DropDownList1_SelectedIndexChanged"><%--下拉列表框选择运算符号--%>
<asp:ListItem Selected="True">+</asp:ListItem>
<asp:ListItem>-</asp:ListItem>
<asp:ListItem>*</asp:ListItem>
<asp:ListItem>/</asp:ListItem>
</asp:DropDownList>
<input type="text" id="text2" runat="server" onclick="return text2_onclick()" /><%--第二个文本框获取第二个数--%>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="="
style="height: 26px" /> <%--等号按钮--%>
<input type="text" id="text3" runat="server" onclick="return text3_onclick()" /><%--结果文本框输出结果--%>
</form>
</div>
<script type="text/javascript">
var a=document.getElementById('text1').value; //获取第一个文本框的值
var b=document.getElementById('text2').value; //获取第二个文本框的值
var c=document.getElementById('DropDownList1'); //获取下拉列表的值
var d=document.getElementById('text3').value; //将结果赋给第三个列表框
</script>
</body>
</html>
1、这个程序做好后 如何在等号控件里面触发？
还有就是如何在ASP.NET网站设计上调出行号？我在文本编辑器里面调不出来！ 展开
3个回答
展开全部
你这做的不是javascript的计算器，而是asp.net的计算器啊。给你一个javascript的吧。
JavaScript代码
<script type="text/javascript">
var calc = {
first:0,
second:0,
result:0,
init:function(){
this.first = parseInt(document.getElementById("first").value);
this.second = parseInt(document.getElementById("second").value);
},
setResult:function(){document.getElementById("result").value = this.result},
add:function(){
this.init();
this.result = this.first + this.second;
this.setResult();
}
};
</script>
HTML代码
<form id="jisuanqi" action="#">
<p>
<label for="result">结果：</label>
<input id="result" type="text" />
</p>
<p>
<label for="first">数字1：</label>
<input id="first" type="text" />
</p>
<p>
<label for="second">数字2：</label>
<input id="second" type="text" />
</p>
<br /><button onclick="calc.add();;return false;" value="加" >加</button>
<button onclick="calc.minus();;return false;" value="减" >减</button>
<button onclick="calc.plus();;return false;" value="乘" >乘</button>
<button onclick="calc.divide();;return false;" value="除" >除</button>
</form>
JavaScript代码
<script type="text/javascript">
var calc = {
first:0,
second:0,
result:0,
init:function(){
this.first = parseInt(document.getElementById("first").value);
this.second = parseInt(document.getElementById("second").value);
},
setResult:function(){document.getElementById("result").value = this.result},
add:function(){
this.init();
this.result = this.first + this.second;
this.setResult();
}
};
</script>
HTML代码
<form id="jisuanqi" action="#">
<p>
<label for="result">结果：</label>
<input id="result" type="text" />
</p>
<p>
<label for="first">数字1：</label>
<input id="first" type="text" />
</p>
<p>
<label for="second">数字2：</label>
<input id="second" type="text" />
</p>
<br /><button onclick="calc.add();;return false;" value="加" >加</button>
<button onclick="calc.minus();;return false;" value="减" >减</button>
<button onclick="calc.plus();;return false;" value="乘" >乘</button>
<button onclick="calc.divide();;return false;" value="除" >除</button>
</form>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
JAVASCRIPT 直接运行在客户端就行啊，没必要使用asp的服务器段语言啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
function setvalue()
{
var a=document.getElementById('text1').value; //获取第一个文本框的值
var b=document.getElementById('text2').value; //获取第二个文本框的值
var c=document.getElementById('DropDownList1'); //获取下拉列表的值
var d=a+c+b; //将结果赋给第三个列表框
Set("text3",d);
return false;
}
<script/>
<input type="text" id="text3" runat="server" onclick="return setvalue()"/><%--结果文本框输出结果--%>
</script>
function setvalue()
{
var a=document.getElementById('text1').value; //获取第一个文本框的值
var b=document.getElementById('text2').value; //获取第二个文本框的值
var c=document.getElementById('DropDownList1'); //获取下拉列表的值
var d=a+c+b; //将结果赋给第三个列表框
Set("text3",d);
return false;
}
<script/>
<input type="text" id="text3" runat="server" onclick="return setvalue()"/><%--结果文本框输出结果--%>
</script>
追问
FUNCATION();是什么意思
追答
javascript 事件
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
