使用javascript的计算器函数
我试图通过接受文本框中的输入来执行算术计算,具体取决于操作员应执行的操作。我试图为逻辑和视图编写单独的函数。。我很震惊,没能解决出了什么问题使用javascript的计算器函数,javascript,Javascript,我试图通过接受文本框中的输入来执行算术计算,具体取决于操作员应执行的操作。我试图为逻辑和视图编写单独的函数。。我很震惊,没能解决出了什么问题 [1]: http://plnkr.co/edit/9cyKKbPC0xYmp1qf1u7G?p=preview 分配 Num1: Num2: 作品: 总数:0.00 我使用jQuery <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> &
[1]: http://plnkr.co/edit/9cyKKbPC0xYmp1qf1u7G?p=preview
分配
Num1:
Num2:
作品:
总数:0.00
我使用jQuery
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
//You can captured value
//With # you capture the ID element, with . you capture the class element
//First you need a button for calculate
$('.btn').on("click",function(){
var first_number = $('#first').val();
var second_number = $('#second').val();
var result = parseInt(first_number)+parseInt(second_number);
alert(result);
//You also can add an HTML element with the result
$('#result').html("The result is "+result);
//OR in your result
$('#demo').html("Sum: "+result);
});
});
$(函数(){
//您可以捕获价值
//用#捕获ID元素,用。捕获class元素
//首先,你需要一个计算按钮
$('.btn')。打开(“单击”,函数(){
var first_number=$('#first').val();
var second_number=$('#second').val();
var result=parseInt(第一个\u编号)+parseInt(第二个\u编号);
警报(结果);
//您还可以在结果中添加HTML元素
$('#result').html(“结果是“+result”);
//还是在你的结果中
$('#demo').html(“总和:+结果);
});
});
现在,每个操作都需要一个逻辑。您可以更改
function calculation() {
到
首先,您需要确定何时执行该功能,是否有任何按钮触发该操作 我在这里向您介绍一些javascript代码,这些代码将在触发器操作调用的任何函数中工作:
function calculate() {
var num1 = document.getElementById("first").value;
var num2 = document.getElementById("second").value;
var operation = document.getElementById("oper").value;
if(operation == "+")
return parseFloat(num1)+parseFloat(num2);
if(operation == "-")
return parseFloat(num1)-parseFloat(num2);
if(operation == "*")
return parseFloat(num1)*parseFloat(num2);
if(operation == "/")
return parseFloat(num1)/parseFloat(num2);
}
您可以在此处查看我的工作示例:
请在此处张贴代码。您的计算函数没有正式参数。为什么要向下投票?他创建了一个PLKNR,span#demo是结果的html,但我试图解释逻辑,因为span中有一个文本。现在我添加演示元素,谢谢;)
function calculation(x, y, z) {
function calculate() {
var num1 = document.getElementById("first").value;
var num2 = document.getElementById("second").value;
var operation = document.getElementById("oper").value;
if(operation == "+")
return parseFloat(num1)+parseFloat(num2);
if(operation == "-")
return parseFloat(num1)-parseFloat(num2);
if(operation == "*")
return parseFloat(num1)*parseFloat(num2);
if(operation == "/")
return parseFloat(num1)/parseFloat(num2);
}