使用javascript的計算器功能
[英]Calculator function using javascript
問題描述
我試圖通過接受來自文本框的輸入來執行算術計算，具體取決於操作員應執行的相應操作。 我正在嘗試為邏輯和視圖編寫單獨的函數。我很震驚，無法解決出了什么問題！！
[1]: http://plnkr.co/edit/9cyKKbPC0xYmp1qf1u7G?p=preview
3 個解決方案
解決方案1
1 2015-11-20 13:19:56
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Assignment</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="main">
<div class="first">
Num1:<input type="text" value="0" id="first" class="box1"><br>
Num2:<input type="text" value="0" id="second" class="box1">
<a class="btn" href="javascript:;">Calcule!</a>
</div>
<div class="second">
Op:<input type="text" value="+" id="oper" class="box2">
</div>
<div id="result"></div>
<div class="third">
<span id="demo">Sum:0.00</span>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
我使用 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);
});
});
現在，您需要為每個操作制定一個邏輯。
解決方案2
0 2015-11-20 13:24:14
你可以改變
function calculation() {
到
function calculation(x, y, z) {
解決方案3
0 2015-11-20 13:26:21
首先，你需要確定什么時候執行函數，你有什么按鈕可以觸發動作嗎？
我在這里給你一些 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);
}
您可以在這里查看我的示例： http : //plnkr.co/edit/uTmSD1XWJwSYxbBqyct7?p=preview
如何使用開關盒和 function 使用 Javascript 創建一個簡單的計算器
[英]How to create a simple calculator using switch case and function using Javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.